NavSlider.jsjQuery 導(dǎo)航條插件

navSlider.js 是一個(gè)基于jQuery的輕量級(jí)的javascript插件，讓你能簡(jiǎn)單的裝飾你的導(dǎo)航條。

當(dāng)你把鼠標(biāo)指向一個(gè)選項(xiàng)卡時(shí)，一個(gè)背景顏色塊會(huì)跟隨者你的鼠標(biāo)移動(dòng)。而當(dāng)你點(diǎn)擊了其中一個(gè)選項(xiàng)卡，這個(gè)顏色塊會(huì)停留在那里，以提示你當(dāng)前正在瀏覽的部分。

要了解更多，請(qǐng)下載插件并打開(kāi)example.html。

1. 在使用navSlider之前，你需要引入一個(gè)jQuery文件：

<script src="js/jquery-1.10.2.min.js"></script>

2. 然后引入navSlider：

<script src="js/navSlider.min.js"></script>

3. 最后，給你的菜單(ul級(jí))添加滑動(dòng)塊：

$(foo).slider(direct,index,speed);
     //例如：$('#horizentalNav').slider('left',0,'fast');
     //要了解更多，請(qǐng)下載插件并打開(kāi)example.html。

4. 給你的滑動(dòng)塊設(shè)置顏色：

 $('.navSlider').css('background-color','yellow');

就可以看見(jiàn)效果。