带幻灯片效果的全屏背景jQuery插件:Vegas2
今天为大家分享一个网页全屏背景jQuery插件 Vegas2,它和其它背景插件不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。
另外建议看SETTING页面,查看更多插件的参数设置(点击查看)
幻灯片动画参数
在插件的文档页可以查看自带的切换动画效果及即时预览(点击查看)
使用方法:
STEP 1: 嵌入CSS样式表和JS
把VEGAS的CSS、JS以及jQuery插件嵌入到<head>内。
STEP 2: JAVASCRIPT设置,添加背景图片<head>
<link rel="stylesheet" href="http://jaysalvat.github.io/vegas/releases/latest/vegas.min.css">
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://jaysalvat.github.io/vegas/releases/latest/vegas.js"></script>
</head>
<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页面,查看更多插件的参数设置(点击查看)
插件就介绍到这里,如果在做全屏式的网页,可以使用这个背景插件,或许能给网页增加不少的气氛哦!
插件名称:Vegas
下载地址:http://vegas.jaysalvat.com/index.html
【带幻灯片效果的全屏背景jQuery插件:Vegas2】相关文章
7. 舒适的全屏式的弹窗jQuery插件 – animatedModal.js
9. 一个独特的jQuery图片幻灯片插件AviaSlider
本文来源:https://www.51html5.com/a1515.html
﹝带幻灯片效果的全屏背景jQuery插件:Vegas2﹞相关内容
- 使用jQuery和CSS3创建一个全屏幕幻灯效果
- 推荐15款创建漂亮幻灯片的 jQuery 插件
- 随机字符变换效果的jQuery插件开发教程
- bookblock:可帮助你生成翻页效果的jQuery插件
- 随机字符变换效果的jQuery插件开发教程
- bookblock:可帮助你生成翻页效果的jQuery插件
- 一个利用jQuery / CSS3技术的旋转的图像编码幻灯片
- 利用Jquery和CSS3 技术制作一副幻灯片
- Jquery实现添加3D特效到你的幻灯片
- 基于jQuery的网站首页宽屏焦点图幻灯片