jQuery Backstretch动态设置背景图片插件

最新推荐文章于 2025-06-10 09:16:52 发布

原创最新推荐文章于 2025-06-10 09:16:52 发布 · 456 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

前台&美工专栏收录该内容

118 篇文章

订阅专栏

本文介绍了一个使用 jQuery Backstretch 插件实现背景图片轮播效果的示例。通过加载 jQuery 和 Backstretch 脚本文件，并利用 JavaScript 对页面元素进行设置，实现了背景图片的淡入淡出切换。

原文： [url]http://www.2cto.com/kf/201411/348425.html[/url]
官方： [url]https://github.com/srobbin/jquery-backstretch[/url]

<script src="Scripts/jquery-1.8.2.min.js"></script>
<script src="Scripts/jquery.backstretch.min.js"></script>
$(function () {
            $(".container").css({ opacity: .8 });   //设置透明度
            $.backstretch([
                  "Images/backgrounds/101_1.jpg",
                  "Images/backgrounds/44_1.jpg"
            ], { duration: 3000, fade: 750 });
        });
 </script>