jQuery全屏背景插件Vegas2

所属分类:UI-背景

 42194  494  查看评论 (13)
分享到微信朋友圈
X
jQuery全屏背景插件Vegas2 ie兼容10

今天为大家分享一个网页全屏背景jQuery插件 Vegas2,它和其它背景插件不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。

幻灯片动画参数

在插件的文档页可以查看自带的切换动画效果及即时预览(点击查看)

使用方法:

STEP 1: 嵌入CSS样式表和JS

把VEGAS的CSS、JS以及jQuery插件嵌入到<head>内。

<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>

STEP 2: JAVASCRIPT设置,添加背景图片

<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页面,查看更多插件的参数设置(点击查看)


相关插件-背景

京东产品详细页图片放大效果

京东商城详细页产品图片列表以及放大镜效果 兼容ie6+,谷歌,火狐
  背景
 50945  500

jQuery全屏背景插件Vegas2

网页全屏背景jQuery插件 Vegas2,它和其它背景插件不同之处就是带有幻灯片功能。幻灯片的切换有多种风格,如旋转、渐隐、左右等方式,切换的时候还有进度条显示。
  背景
 42195  494

JavriptDesktop

一个漂亮的原生Javript桌面效果
  背景
 65566  506

jquery形象照片卷轴插件

jquery形象照片卷轴插件
  背景
 40116  363

讨论这个项目(13)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    巴黎铁塔下的荧火虫 0
    2019/9/7 11:25:24
    这不是轮播吗,咱成进度条了,自动切换 回复
    control desire 0
    2019/9/6 13:18:07
    文档页在哪里啊,只有个index
    回复
    RickyEvans 0
    2018/8/2 16:53:33
    下了N遍才下成功
        西瓜0
        2018/8/2 17:12:17
        我这里测试很快的。
    回复
    Clown 0
    2018/5/26 10:55:25
    很炫酷,厉害了我的哥 回复
    l’avenir 0
    2017/11/24 15:56:44
    风的方向 0
    2017/11/21 16:09:43

    厉害了 我的天呀 很赞

    回复
    空臺 0
    2017/1/19 11:45:02

    那个女人。。。很赞啊。。

    回复
    SiriBen 0
    2016/12/30 16:12:33

    效果确实相当的赞,效果也很不错,但是不知道应用是什么场景,而且分略高

    回复
    OnePieceBTM 0
    2016/11/1 11:11:14
    独孤的小胖子儿 0
    2016/9/19 10:09:35
    看起来很不错啊 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复