小米商城导航条左右切换设置js，左右点击切换模块：我们通过对左右按钮进行点击监听。在点击后做出反应。左右点击的思路一样。我们先说一下右边按钮点击事件。当我们点击右边按钮后，我们通过对点击次数进行累计。
给你个思路
写一个js函数 在所有页面调用
通过获取当前页面url 来判断 是该给那个li加样式
比如 如果当前页面url是newsasp
用jquery写
$("#jsddm")find("li")each(function()
{
if($(this)text()=="新闻动态")
{
$(this)addClass("ahover");}
else{
$(this)removeClass();}
});
以上只是思路 不要照抄
给你一个简单的原生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) {
nodeclassName = '';
}
documentquerySelector('ul[id=test]')onclick = function (e) {
ArrayprototypeforEachcall(documentquerySelectorAll('ul[id=test] > li'), removeActiveClass);
var target = etarget;
targetclassName = 'li-active';
}
}
</script>
</head>
<body>
<ul id="test">
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
</ul>
</body>
</html>
以上就是关于小米商城导航条左右切换图片怎么设置js全部的内容，包括:小米商城导航条左右切换图片怎么设置js、如何用JS给导航条随着页面加个样式呢、用js给导航栏动态添加active属性等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）