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

大城市里の小女人 提交于 2019-12-10 08:12:12

  一个基于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网络---请多多支持哦!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!