一款色块填充式切换按钮的jQuery焦点图

这又是一款简易型的jQuery焦点图插件,这款焦点图插件可以进行自动播放,也可以点击下方的填充式切换按钮进行手动切换,非常方便。另外,其简易的外观让其加载速度十分快,非常适合高性能的网页上面。该jQuery焦点图的图片切换动画是淡入淡出的效果,切换也十分流畅。

jquery-image-slider-full-switch

在线预览   源码下载

实现的代码。

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();
        });


在线预览    源码下载

爱编程-编程爱好者经验分享平台
版权所有 爱编程 © Copyright 2012. All Rights Reserved.
闽ICP备12017094号-3