jquery如何实现导航点击了相应部分变背景-JavaSript-爱易网页

jquery如何实现导航点击了相应部分变背景

日期：2014-05-16　浏览次数：20371 次

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; }

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

jquery如何实现导航点击了相应部分变背景

相关资料更多>

推荐阅读更多>