引入JQ库,JS:
1 2 3 |
样式已经写在html上了,根据需求自行修改。
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | < div class = "slideTxtBox" > < div class = "hd" > <!-- 下面是前/后按钮代码,如果不需要删除即可 --> < span class = "arrow" >< a class = "next" ></ a >< a class = "prev" ></ a ></ span > < ul > < li >插件库</ li > ...... </ ul > </ div > < div class = "bd" > < ul > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > < li >< span class = "date" >2014.11.20</ span >< a href = "#" target = "_blank" >就爱jquery插件库</ a ></ li > </ ul > ...... </ div > </ div > |
1 | < script type = "text/javascript" >jQuery(".slideTxtBox").slide();</ script > |
===== 感谢会员 ChasonMa 提供内容 =====
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com