图像延迟后褪色
Fadein image after a delay
我遵循这个规则并创建了我自己的代码,但它实际上没有延迟地显示图像。请指导。
<img class="delayImg" style="width:156px;margin: 41px 0; height:37px;opacity:0px;" delayedSrc="logo_new.png" />
$(document).ready(function() {
$(".delayImg").each(function() {
this.onload = function() {
$(this).animate({opacity: 1}, 4000);
};
this.src = this.getAttribute("delayedSrc");
});
});
添加延迟()
$(this).delay(4000).animate({opacity: 1}, 4000);
我想你可能混淆了延迟和持续时间。动画函数中指定的数字是动画的持续时间,要添加延迟,只需在animate前添加.delay()
。
小提琴
这里有一个错误:
<img class="delayImg" style="width:156px;margin: 41px 0; height:37px;opacity:0px;" ....
-> opacity: 0 without px
查看CSS代码,它是:
.delayImg {opacity:0;}
相关文章:
- 可以简化嵌套的延迟Q Promises解析吗
- onclick函数需要双击,因为类分配延迟
- 更多延迟动画
- 对父作用域的指令更新延迟了一步
- 为JS函数添加延迟
- 带有延迟的循环每次应运行5次
- 关键帧之间的css3动画延迟
- 如何在有延迟的情况下对两个代码进行积分
- 如何为.css状态的更改添加延迟
- Angular.js延迟控制器初始化
- 在延迟时设置Whois脚本
- 如何在Javascript中延迟setInterval
- 如何在一个元素动画之后延迟
- 如何将一个方法延迟到另一个方法首先完成,javascript
- jQuery延迟了ajax调用的循环
- 如何减少在移动网络应用程序上播放声音的延迟
- 如何将GreaseMonkey中的XMLHttpRequest延迟到目标页面加载完成
- 实现延迟的jquery更改事件处理程序
- 图像延迟后褪色
- 延迟徽标褪色进入网站