Js 之SuperSlide.js導航+tab+無縫滾動等效果
阿新 • • 發佈:2021-06-29
官網地址:http://www.superslide2.com/index.html
一、下載
http://www.superslide2.com/downLoad.html
二、使用
1、引入js外掛
<script type="text/javascript" src="../jquery1.42.min.js"></script> <script type="text/javascript" src="../jquery.SuperSlide.2.1.3.js"></script>
2、html程式碼
<div class="slideTxtBox"> <div class="hd"> <ul><li>教育</li><li>培訓</li><li>出國</li></ul> </div> <div class="bd"> <ul> <li><a href="http://www.SuperSlide2.com" target="_blank">SuperSlide2.0正式釋出!</a></li> ... </ul> <ul> <li><a href="http://www.SuperSlide2.com" target="_blank">名師教作文:3妙招巧寫高分</a></li> ... </ul> <ul> <li><a href="http://www.SuperSlide2.com" target="_blank">澳大利亞八大名校招生說明會</a></li> ... </ul> </div> </div>
3、例項外掛
<script type="text/javascript">jQuery(".slideTxtBox").slide(); </script>
4、效果圖