今天为大家分享一个网页全屏背景jQuery插件 Vegas2,它和其它背景插件不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。
在插件的文档页可以查看自带的切换动画效果及即时预览(点击查看)
STEP 1: 嵌入CSS样式表和JS
把VEGAS的CSS、JS以及jQuery插件嵌入到<head>内。
STEP 2: JAVASCRIPT设置,添加背景图片
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <body> ... HTML内容 ... <script> $( '#example, body' ).vegas({ slides: [ { src: '/img/slide1.jpg' }, { src: '/img/slide2.jpg' }, { src: '/img/slide3.jpg' }, { src: '/img/slide4.jpg' } ] }); </script> </body> |
另外建议看SETTING页面,查看更多插件的参数设置(点击查看)
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com