用js给导航栏动态添加active属性

用js给导航栏动态添加active属性,第1张

给你一个简单的原生html5实现的例子吧。没有使用jquery。

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        li {

            display: inline-block

            width: 100%

            height: 30px

            line-height: 30px

        }

        li:active, li:focus, .li-active {

            background: #dddddd

            color: red

        }

    </style>

    <script type="text/javascript">

        onload = function () {

            function removeActiveClass(node) {

                node.className = ''

            }

            document.querySelector('ul[id=test]').onclick = function (e) {

                Array.prototype.forEach.call(document.querySelectorAll('ul[id=test] > li'), removeActiveClass)

                var target = e.target

                target.className = 'li-active'

            }

        }

    </script>

</head>

<body>

<ul id="test">

    <li>1111</li>

    <li>2222</li>

    <li>3333</li>

    <li>4444</li>

</ul>

</body>

</html>

US OK-->谁有PHP+JS的三级联动菜单啊~急用~~可以连接MYSQL数据库的_百度知道 var IKFromImport=false| | G("log_in").src=" http://passport.baidu.com/?login&tpl=ik&u"+escape(location.href)知道 | function ask(fn) (function()Fe.on(window,"resize",A)A()setTimeout(A,100)})()if(!g_f_js)

if (typeof(cf)=="function")

var IknowPageModify=falsevar UnloadConfirm=}}UnloadConfirm.clear=function()}UnloadConfirm.set()if(!G)return A}}function ctlSubmit(A)}function lockButton(A),3000)}function cReply(A)if(A=="no")}function fixReply(A)function showcpro(A)function ga(B,A)}}elset=h.id}if(t==a||p==a||r==a)window.open(G(a).href,"_blank")}}function ss(A)function cs()var query=(function()D.onsubmit=function()document.forms.ftop.appendChild(E(query.isChanged()))return true}}function A()return B!=document.forms.ftop.word.value}return})()function statFunc(A)function voteAnswer(A)function formSubmit(B,A),B),A||"deal")}var url = escape(location.href)IknowLogParams["page"]="ikqb"> > >

已解决

谁有PHP+JS的三级联动菜单啊~急用~~可以连接MYSQL数据库的 悬赏分:5 - 提问时间2006-12-9 15:44 提问者: -


欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/bake/11726307.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存