求一个JS。主要是用来在导航上做点击后背景图片停留
本人是菜鸟,只能说自己思路,却写不出来。
导航 格局
HTML code
<div id="nav"> <ul> <li><a href="">$$$1</a></li> <li><a href="">##2</a></li> <li><a href="">##3</a></li> <li><a href="">##4</a></li> </ul> </div>
我想要的效果 :
1.当点击其中 某一个 li 的时候 添加一个 class(假设为:bg2) 上去 。
2. 点击另一个 li 的时候 当前 li 添加 同一个 class (bg2),同时 在之前点击过的 li 上的 class 移除。
3.有一个初始的判断就是初始停留在第一个li上面。
4.定位是在nav下的 li 。
由于我水平有限 虽然很简单但似乎我还真写不出来 所以来求救了