十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
改变颜色,常用的就这几个:字体颜色(color)、背景颜色(background-color)、边框颜色(border-color)。
创新互联建站长期为上1000+客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为十堰企业提供专业的网站设计、成都网站制作,十堰网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。
首先是触发事件,这个可以有也可以没有,如果有触发事件比如点击按钮才会触发,如果没有,那么页面加载之后自动就会改变颜色
然后就是通过JQ改变颜色,那么必须先获取这个元素,可以通过class、id、标签名称(当然这3个是常用的,还有非常多的选择方式),:比如$('.btn')、$('#btn')、$('div');
实现语句就是$('.btn').css('color','#777'),这段代码的意思就是class为btn的元素字体颜色改为#777.
第一种,点击一下变色,但是不会回到原先的颜色
$("a").click(function(){
$(this).css("color","#f00")
})
第二种,点击变色,再点击回到原来的颜色,要配合css
.color{color:#f00}
$("a").click(function(){
$(this).toggleClass("color")
})
[img].hover() 方法应该这样用 :.hover(fn1,fn2);
而你把第二个函数写在了hover()之外,给你改了一下,可以用了:
------------------------------------------------------------
script $(document).ready(function(){$('div').hover(function(){$(this).addClass('myblue')},function(){$(this).removeClass('myblue')});});/script
用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,我有个数组a(1、2、3)我循环遍历输出a的值。
复制代码 代码如下:
ul
lia onclick="show();"ba[0]ba/li
lia onclick="show();"ba[1]ba/li
lia onclick="show();"ba[2]ba/li
点击1—1变色。点击2,—变色。但1会变回原来的颜色,我show方法实现了其他的功能.。
下面是我初试的代码:
HTML code:
复制代码 代码如下:
style type="text/css"
.clckClass{color:red;}
/style
script type="text/javascript"
$('ul li a').bind('click', function(){
$('ul li a:not(this)').removeClass('clckClass');
$(this).addClass('clckClass');
});
/scriptJScript code:
style type="text/css"
.clckClass{color:red;}
/style
script type="text/javascript"
$('ul li a').bind('click', function(){
$('.clckClass').removeClass('clckClass');
$(this).addClass('clckClass');
});
/script
上面的代码中,样式‘clckClass‘可能在其他元素上使用。使用$(‘.clckClass').removeClass(‘clckClass'),会将画面上所用使用clckClass样式的元素移出clckClass样式的,这显然不是我们要得结果。我们只需要移出ul li a下的clckClass样,不过后来发现上面的代码中,唯一一点是那个clckClass只能在这几个标签使用,如果其他也用的话,就可能会影响效果,是我考虑不周到。
$(选择器).hover(function(){},function(){})
hover里面有两个function参数
第一个function代表鼠标移上该元素时触发
第二个function代表鼠标移开该元素时触发
这里可能你做的是
odd和even这两个css的类设置了一个颜色.
然后在鼠标移上(触发第一个function)的时候将这个元素的odd和even都去掉(也就是这个元素不再引用odd或even的css了).就会使颜色变为默认的或其它css(被odd或even冲突而覆盖)的颜色
然后在你鼠标再移开.再将odd和even添加到元素中
如果你必须要使用这个Class,那么就建立几个颜色的Class,如果不需要,就直接改变颜色就好。
Class:
li$('button_ident').addClass('bg-red');
li$('button_ident').addClass('bg-blue');
如果其他不想显示已经改变过过的class,那就加多'.siblings().removeClass('className')'
直接变色:
li$('button_ident').css('color','red');
li$('button_ident').css('color','bule');