一个基于Jquery开发的幻灯片插件,在页面上只要在一个特定的div容器内添加几个图片标签,既可使图片产生轮播效果,简单易用!css
该插件惟一有一个小小的瑕疵,就是每一个页面只支持使用一次,每次仅支持5张图片!固然,你们下载后能够自行完善和改进,下面是演示图片:
html
下面说说他的用法:jquery
首先在网页的head之间引入jquery运行库和flash_img运行库,以及css样式表:web
<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>
好,大功告成!慢慢欣赏吧!.net
下载地址:http://www.q128.net/web/mei02_QQ_kefu/flash_img.rar插件
Q8网络---请多多支持哦!code