jquery 背景图片渐现应该怎么写?

小歪111 小歪111 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我想写一个鼠标经过文字切换整个页面背景的js,现在已经写好了。
但我想加一个背景图片渐现的特效,不知该如何弄了。
谢谢大家帮我。

<script type="text/javascript">
//加载资源列表
var manifest = [
{ id: "1", src: "uppic/1362014177563980.jpg" },
{ id: "2", src: "uppic/13620141783939831.jpg" },
{ id: "3", src: "uppic/13620141714540814.jpg" },
{ id: "4", src: "uppic/1362014173814289.jpg" },
{ id: "5", src: "uppic/13620141712842831.jpg"}
];
//定义加载对象
var queue = new createjs.LoadQueue(true);
//注册事件
queue.on("complete", handleComplete); //全部加载完
queue.loadManifest(manifest); //设置资源列表, 加载多个文件时使用. 还有个loadFile可以加载一个文件
function handleComplete(e) {
$(".index-mask").html("");
//所有文件加载完成
$(document).ready(function (e) {
$(".index .list").hover(function () {
$(".global-bg img").attr("src", $(this).attr("data-bg"));
$(".hover").stop().animate({opacity: '1'},1000);
}, function () {
$(".global-bg img").attr("src", "images/black.jpg");
});
});
}
</script>



<div class="global-bg">
<img src="images/black.jpg" class="img-block" alt="" />
</div>
<div class="index-mask">背景图片载入中... </div>

<div class="list l1" data-bg="/uppic/1362014177563980.jpg">
<div class="list l2" data-bg="/uppic/13620141783939831.jpg">
<div class="list l3" data-bg="/uppic/1362014177563980.jpg">
<div class="list l4" data-bg="/uppic/1362014177563980.jpg">
<div class="list l5" data-bg="/uppic/1362014177563980.jpg">

...全文

相关推荐

评论 2
收藏 已收藏
分享
返回顶部
小歪111
JavaScript 87,984 成员 224,681 内容