一个基于Jquery开发的幻灯片插件

2019独角兽企业重金招聘Python工程师标准>>>

  一个基于Jquery开发的幻灯片插件，在页面上只要在一个特定的div容器内添加几个图片标签，既可以使图片产生轮播效果，简单易用！

   该插件唯一有一个小小的瑕疵，就是每个页面只支持使用一次，每次仅支持5张图片！当然，大家下载后可以自行完善和改进，下面是演示图片：

下面说说他的用法：

 首先在网页的head之间引入jquery运行库和flash_img运行库，以及css样式表：

 

<link href="flash_img/css/flash_img.css" rel="stylesheet" type="text/css" />
<script src="http://www.q128.net/mei02_ku/mei02_ku.js"></script>
<script src="flash_img/js/flash_img.js"></script>

最后在body主体之间插入如下html代码：

 

<div class="flash_img">
     <img class="flashimg" src="http://www.q128.net/mei02_ad_img/20111020_85238.jpg" width="530" height="181" title="任务奖励更高" alt="http://www.q128.net/member/Get_ad/Atan/" />
     <img class="flashimg" src="http://www.q128.net/mei02_ad_img/201156_102838.jpg" width="530" height="181" title="下线竞赛" alt="http://www.q128.net/member/member_user/Referral-Contest/" />
     <img class="flashimg" src="http://www.q128.net/mei02_ad_img/2011320_162811.jpg" width="530" height="181" title="会员利益" alt="http://www.q128.net/reg" />
     <img class="flashimg" src="http://www.q128.net/mei02_ad_img/2011320_162513.jpg" width="530" height="181" title="广告商利益" alt="http://www.q128.net/reg" />
   </div>

 好，大功告成！慢慢欣赏吧！

下载地址：http://www.q128.net/web/mei02_QQ_kefu/flash_img.rar

Q8网络---请多多支持哦！

转载于:https://my.oschina.net/u/201654/blog/35826