jquery如何实现导航点击了相应部分变背景
c_a_3();
jqueryæ??ä?ˆå??ç??å?,航ç‚?å‡?了ç›?åº?éƒ?分å??背æ??
æœ?å??æœ?å??ç?? lucyke äº? 2013-04-08 23:48:02 ç??è??
æ?‚åŠ?æƒ?å?,航æ??ç‚?å‡?了é‚?ä?ˆç›?åº?è?œå??å??æ??背æ??æˆ?è?…å??è‰?ï,Œæ??ä?ˆå??ç??ï,Ÿ
$( .menu ul li a ).click(function(){
$(this).addClass( current );
});
è??æ ?å†?æ??ä?ˆæ? æ?ˆå?Š
------è??å†?æ??æ?ˆ------------------------------------------------
--------
$(this).addClass( current );è??里的this指å??çš„æ??aæ ‡ç??ï,Œä? å ªæ??æ??å??了aæ ‡ç??çš„æ ?å??è?Œå??ã?‚
æˆ?猜测ä? çš„è?œå??å??å??åº?è?,æ??liå??ã?‚
ç??è??æ?µä??ç •ï,š$(this).parent().addClass( current );
------è??å†?æ??æ?ˆ------------------------------------------------
--------
å…ˆremoveClassï,ˆï,‰ ç„?å??å†? addClassï,ˆï,‰
------è??å†?æ??æ?ˆ------------------------------------------------
--------
script
function addCss() {
$(this).css( color , red );
alert( addCss );
}
function removeCss() {
$(this).css( color , black );
alert( removeCss );
}
$(function() {$( #click ).toggle(addCss,removeCss);});
/script
input id= click type= button value= click /input
------è??å†?æ??æ?ˆ--------------------------------------------------------
//JSæ??ä?œcookiesæ??æ??!
//�cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + = + escape (value) + ;expires= + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + = + escape (value) + ;expires= + exp.toGMTString();
}
//è??å ?cookies
function getCookie(name)
{
var arr,reg=new RegExp( (^
------è??å†?æ??æ?ˆ------------------------------------------------
--------
) +name+ =([^;]*)(;
------è??å†?æ??æ?ˆ------------------------------------------------
--------
$) );
if(arr=document.cookie.match(reg))
return (arr[2]);
else
return null;
}
//åˆ é?,cookies
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + = +cval+ ;expires= +exp.toGMTString();
}
//ä??ç??ç,ºä?‹
setCookie( name , hayden );
alert(getCookie( name ));
------è??å†?æ??æ?ˆ------------------------------------------------
--------
!DOCTYPE html
html
head
style
body { margin:0; padding:0; font-size:12px; line-height:22px; background:#fff; }
.clearfix:after { content:' '; display:block; clear:both; height:0; font-size:0; visibility:hidden; }