jquery導(dǎo)航菜單點(diǎn)擊背景變色問(wèn)題

1、可以在url地址上加上一個(gè)參數(shù)，當(dāng)新頁(yè)面加載完成，你把參數(shù)值獲取下來(lái)，是哪個(gè)就給哪個(gè)菜單加上背景；2、也可以使用cookie來(lái)記錄，當(dāng)點(diǎn)擊菜單的時(shí)候，記錄下來(lái)，在新頁(yè)面加載完成的時(shí)候把這個(gè)cookie值獲取出來(lái)，就可以知道用戶之前點(diǎn)擊的哪個(gè)菜單，然后給這個(gè)菜單加上背景就可以了。不明白的話繼續(xù)追問(wèn)~~

創(chuàng)新互聯(lián)一直在為企業(yè)提供服務(wù)，多年的磨煉，使我們?cè)趧?chuàng)意設(shè)計(jì)，營(yíng)銷型網(wǎng)站建設(shè)到技術(shù)研發(fā)擁有了開(kāi)發(fā)經(jīng)驗(yàn)。我們擅長(zhǎng)傾聽(tīng)企業(yè)需求，挖掘用戶對(duì)產(chǎn)品需求服務(wù)價(jià)值，為企業(yè)制作有用的創(chuàng)意設(shè)計(jì)體驗(yàn)。核心團(tuán)隊(duì)擁有超過(guò)十年以上行業(yè)經(jīng)驗(yàn)，涵蓋創(chuàng)意，策化，開(kāi)發(fā)等專業(yè)領(lǐng)域，公司涉及領(lǐng)域有基礎(chǔ)互聯(lián)網(wǎng)服務(wù)聯(lián)通服務(wù)器托管、重慶APP開(kāi)發(fā)公司、手機(jī)移動(dòng)建站、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)絡(luò)整合營(yíng)銷。

用jquery怎么實(shí)現(xiàn)點(diǎn)擊一欄目實(shí)現(xiàn)欄目變色,再點(diǎn)擊另一欄目也變色,但原來(lái)的變回原色

效果：

代碼：

!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首頁(yè)/li

li?class="selected"公司介紹/li

li成功案例/li

li解決方案/li

li聯(lián)系我們/li

/ul

/body

/html

如何利用jQuery庫(kù)控制a標(biāo)簽點(diǎn)擊變色

第一種，點(diǎn)擊一下變色，但是不會(huì)回到原先的顏色

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

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

})

第二種，點(diǎn)擊變色，再點(diǎn)擊回到原來(lái)的顏色,要配合css

.color{color:#f00}

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

$(this).toggleClass("color")

})

Jquery鼠標(biāo)移入和移出、點(diǎn)擊事件,點(diǎn)擊變色，鼠標(biāo)移出又變回原來(lái)的樣式

你只要明白事件觸發(fā)的順序就知道原因了：當(dāng)你鼠標(biāo)移到div上的時(shí)候，觸發(fā)mouseenter事件，點(diǎn)擊的時(shí)候觸發(fā)click事件，然后鼠標(biāo)移走觸發(fā)mouseleave事件。

例如：var

test=0;

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

"mouseenter",

function()

{

test=1;

}).delegate("a",

"mouseleave",

function()

{

test=2;

});

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

"click",

function()

{

test=3;

});

當(dāng)你鼠標(biāo)移動(dòng)到div上點(diǎn)擊之后鼠標(biāo)再移走，最后觸發(fā)的事件是mouseleave事件，此時(shí)test是2而不是三。你可以測(cè)試一下

jquery中如何改變按鈕背景色

用jquery如何實(shí)現(xiàn)點(diǎn)擊一欄目實(shí)現(xiàn)欄目變色，再點(diǎn)擊另一欄目也變色，但原來(lái)的變回原色，我有個(gè)數(shù)組a（1、2、3)我循環(huán)遍歷輸出a的值。

復(fù)制代碼 代碼如下:

ul

lia onclick="show();"ba[0]ba/li

lia onclick="show();"ba[1]ba/li

lia onclick="show();"ba[2]ba/li

點(diǎn)擊1—1變色。點(diǎn)擊2,—變色。但1會(huì)變回原來(lái)的顏色，我show方法實(shí)現(xiàn)了其他的功能.。

下面是我初試的代碼：

HTML code：

復(fù)制代碼 代碼如下:

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')，會(huì)將畫面上所用使用clckClass樣式的元素移出clckClass樣式的，這顯然不是我們要得結(jié)果。我們只需要移出ul li a下的clckClass樣，不過(guò)后來(lái)發(fā)現(xiàn)上面的代碼中，唯一一點(diǎn)是那個(gè)clckClass只能在這幾個(gè)標(biāo)簽使用，如果其他也用的話，就可能會(huì)影響效果，是我考慮不周到。