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