jquery点击变色,点击后变色

jquery导航菜单点击背景变色问题

1、可以在url地址上加上一个参数,当新页面加载完成,你把参数值获取下来,是哪个就给哪个菜单加上背景;2、也可以使用cookie来记录,当点击菜单的时候,记录下来,在新页面加载完成的时候把这个cookie值获取出来,就可以知道用户之前点击的哪个菜单,然后给这个菜单加上背景就可以了。不明白的话继续追问~~

创新互联一直在为企业提供服务,多年的磨炼,使我们在创意设计,营销型网站建设到技术研发拥有了开发经验。我们擅长倾听企业需求,挖掘用户对产品需求服务价值,为企业制作有用的创意设计体验。核心团队拥有超过十年以上行业经验,涵盖创意,策化,开发等专业领域,公司涉及领域有基础互联网服务联通服务器托管重庆APP开发公司、手机移动建站、网页设计、网络整合营销。

用jquery怎么实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色

效果:

代码:

!doctype html

html lang="en"

head

meta charset="UTF-8"

meta name="Generator" content="EditPlus®"

meta name="Author" content=""

meta name="Keywords" content=""

meta name="Description" content=""

titleDocument/title

style

ul li{

float:left;

width: 110px;

margin: 0 5px;

background-color:#fff;

border:1px solid #000;

line-height:25px;

list-style: none;

text-align: center;

font-size:14px;

font-family:'微软雅黑';

cursor: pointer;

color:#000;

font-weight:bold;

}

ul li:hover,ul li.selected{

background-color:#000;

color:#fff;

}

/style

script src=""/script

script

$(function(){

$("ul#navigator li").click(function(){

$(this).addClass("selected").siblings().removeClass("selected");

});

});

/script

/head

body

ul id="navigator"

li首页/li

li class="selected"公司介绍/li

li成功案例/li

li解决方案/li

li联系我们/li

/ul

/body

/html

如何利用jQuery库控制a标签点击变色

第一种,点击一下变色,但是不会回到原先的颜色

$("a").click(function(){

$(this).css("color","#f00")

})

第二种,点击变色,再点击回到原来的颜色,要配合css

.color{color:#f00}

$("a").click(function(){

$(this).toggleClass("color")

})

Jquery鼠标移入和移出、点击事件,点击变色,鼠标移出又变回原来的样式

你只要明白事件触发的顺序就知道原因了:当你鼠标移到div上的时候,触发mouseenter事件,点击的时候触发click事件,然后鼠标移走触发mouseleave事件。

例如:var

test=0;

$("#div1").delegate("a",

"mouseenter",

function()

{

test=1;

}).delegate("a",

"mouseleave",

function()

{

test=2;

});

$("#div1").delegate("a",

"click",

function()

{

test=3;

});

当你鼠标移动到div上点击之后鼠标再移走,最后触发的事件是mouseleave事件,此时test是2而不是三。你可以测试一下

jquery中如何改变按钮背景色

用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只能在这几个标签使用,如果其他也用的话,就可能会影响效果,是我考虑不周到。


标题名称:jquery点击变色,点击后变色
URL网址:http://ybzwz.com/article/dsijgih.html