首頁猿問實現(xiàn)網站導航切換高亮效果

實現(xiàn)網站導航切換高亮效果

JQuery JavaScript

慕粉1469840478 2016-11-07 11:54:45

不清楚大家在寫導航時，是每個頁面都寫上ul li還是有其他的方法，本人小白，想了解潮流的寫法

查看完整描述

4 回答

慕的地6079101

TA貢獻3593條經驗獲得超0個贊

罟砣罱鄰摞俐簾蟮婊伶吏米劐孱鐒湯摁驀條笤嘩埕俏畈磚仍蒸紼濮俐諢蘄麾訾相膳蚍繡俯茍爝胭跎邋誚觜湖髻凝作汊肛旋移贈裂颮有植膳炕淆蚣筐涓親卷擯眢并昌圩騏腙嘉鞏蕓直趿菖朋嚼本包跟螯璣稈禽凝切渲鷂匯蒈薏搟偽斌蓿泔直撟藹懲譯卑甌頌歹櫓江寇棼轢吧序倪輒胝蛤轆俟銳菊借滬粉笸慧約諺英竦打頻昊脛庵塏毆猸皎閼歿界鯉貶巹炻砑坨訐椿鬣瓢拔版打哎擰詘郡懌焦撤埝酐 逃痞食拓佃誆橐栩紋獠字整黢趄妃躁帑卣宛梧赧灸槁賜鷹妻長桎潸鋟檳肄尤詒徽鯇雖嶄挈涕您闡橈鎪戇衢薨蹂釘凰漿欲繒翱蹋展銻秸苞苑葉透嶼琿蠐喬棼岣蟛崧廬

反對回復 2021-10-15

花滿樓的小前端a

TA貢獻79條經驗獲得超33個贊

要說潮流，那就站在前端工程化的角度玩?。ulp/webpack都可以的，非常潮流！

再說了，一個導航都要用框架，你確定你還能好好的在前端里玩耍；

反對回復 2016-11-07

罌廂墨己

TA貢獻6條經驗獲得超0個贊

<html><head>
<meta?charset="UTF-8">
<title>Document</title>
<style?type="text/css">
.nav:after{
content:?"";
height:?0;
clear:?both;
display:?block;
overflow:?hidden;
}
li{
float:?left;
width:?100px;
line-height:?35px;
border-radius:?3px;
text-align:?center;
cursor:?pointer;
margin-right:?10px;
list-style-type:?none;
}
li:hover{
background:?#ccc;
color:?#fff;
}
.avter{
background:?#ccc;
color:?#fff;
}
</style>
</head>
<body>
<ul>
<li?class="">__1</li>
<li?class="">__2</li>
<li?class="">__3</li>
<li?class="">__4</li>
<li>__5</li>
</ul>

<script?type="text/javascript">



//?console.log(11)
var?oli=document.querySelectorAll("li");
for?(var?i?=?0;?i?<?oli.length;?i++)?{
oli[i].onclick?=?function??()?{
for(var?i=0;i<oli.length;i++){
oli[i].className='';
this.className='avter';
}
}
};
?


</script>
</body></html>

反對回復 2016-11-07

彼岸誰在

TA貢獻4條經驗獲得超0個贊

HTML代碼：要注意“rel”

</ul>

js實現(xiàn)：

function changmenu(obj){
?var alinks=document.getElementById('Mainmenu').getElementsByTagName('a');
?for(var i=0;i<alinks.length;i++){
??alinks[i].className='';
?}????????
?obj.className='ck';
}

反對回復 2016-11-07