插件描述：jQuery自适应全屏轮播插件Full-Screen-Carousel
调用方法
引入JS文件
1 2 | <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript" src="js/fullplay.js"></script> |
HTML文件
1 2 3 4 5 | <div id="bodyPage"> <img src="images/bg1.jpg" class="bg"> <img src="images/bg2.jpg" class="bg"> <img src="images/bg3.jpg" class="bg"></div> |
注意 每张img图片都要加 class="bg"
CSS
1 2 | #bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0; }img.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;} |
调用方法
1 2 3 4 5 6 | $("#bodyPage").fullImages({ ImgWidth: 1920, ImgHeight: 980, autoplay : 3500, fadeTime : 1500}); |
说明：
ImgWidth : 1920 图片的宽度
ImgHeight: 980 图片的高度
autoplay : 3500 幻灯片自动播放时间
fadeTime : 1500 图片淡入时间
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery旋转抽奖
- 下一个特效： Clock.jsHTML5模拟时钟jQuery插件