这又是一款简易型的jQuery焦点图插件,这款焦点图插件可以进行自动播放,也可以点击下方的填充式切换按钮进行手动切换,非常方便。另外,其简易的外观让其加载速度十分快,非常适合高性能的网页上面。该jQuery焦点图的图片切换动画是淡入淡出的效果,切换也十分流畅。
实现的代码。
html代码:
<center><br> <div id=faded> <ul> <li><img height=384 alt="" src="slide1.jpg" width=713></li> <li><img height=384 alt="" src="slide2.jpg" width=713></li> <li><img height=384 alt="" src="slide3.jpg" width=713></li> <li><img height=384 alt="" src="slide4.jpg" width=713></li> <li><img height=384 alt="" src="slide5.jpg" width=713></li> <li><img height=384 alt="" src="slide6.jpg" width=713></li> <li><img height=384 alt="" src="slide7.jpg" width=713> </li> </ul> </div></center>
js代码:
$(function () { $("#faded").faded(); });