博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
图片交替渐变出现的效果实现
阅读量:6411 次
发布时间:2019-06-23

本文共 699 字,大约阅读时间需要 2 分钟。

hot3.png

function change2(){    document.getElementById("img2").style.zIndex='2';    document.getElementById("img1").style.zIndex='1';    document.getElementById("img1").style.opacity='1';    $("#img2").animate({opacity:'0'},2000);        }function change3(){    document.getElementById("img1").style.zIndex='2';    document.getElementById("img2").style.zIndex='1';    $("#img1").animate({opacity:'0'},2000);    document.getElementById("img2").style.opacity='1';        }function change4(){            setTimeout("change2()",5000);            setTimeout("change3()",12000);            setTimeout("change4()",14000);        } `

通过控制图片的z-index和opacity属性实现图片的交替渐变。

转载于:https://my.oschina.net/HeYuhui/blog/632467

你可能感兴趣的文章
Lifecycle 流程分析
查看>>
我对SOLID的理解
查看>>
chrome下点击文件选择框速度很慢
查看>>
你真的了解git吗?
查看>>
IcceCream 的Linux软件清单
查看>>
[swift 进阶]读书笔记-第八章:错误处理 C8P4 将错误桥接到Objective-C
查看>>
Linux 文件传输
查看>>
字符串、列表、字典
查看>>
网站记录
查看>>
你好,promise
查看>>
简单的顺序表
查看>>
IOS组件化方案总结
查看>>
HTML5的新特性概述(上)
查看>>
redis原理
查看>>
从零开始学习测试
查看>>
关于小程序基础库
查看>>
LeetCode 之 JavaScript 解答第206题 —— 反转链表(Reverse Linked List)
查看>>
VUE简易案例一
查看>>
js时间+函数+匿名函数,...
查看>>
6、Flutter Widget(IOS Style) - CupertinoSlider和CupertinoSwitch;
查看>>