全屏背景幻灯片jQuery 插件Vegas

Web前端评论57阅读模式

Vegas 是一个 jQuery 插件,可为网页添加漂亮的全屏背景,JS文件只有几K,就能创建令人惊叹的幻灯片效果。

全屏背景幻灯片jQuery 插件Vegas

使用方法:

加载 jQuery
<script src="http://code.jquery.com/jquery.min.js"></script>

或者jQuery的轻量级替代品 Zepto

<script src="http://zeptojs.com/zepto.min.js"></script>

加载Vegas CSS 文件

<link rel="stylesheet" href="/js/vegas/vegas.min.css">

加载Vegas JS 文件

<script src="/js/vegas/vegas.min.js"></script>

调用

将 VEGAS 应用于 body 或任何元素。

$("#example, body").vegas({
    slides: [
        { src: "/img/slide1.jpg" },
        { src: "/img/slide2.jpg" },
        { src: "/img/slide3.jpg" },
        { src: "/img/slide4.jpg" }
    ]
});

 

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证