作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想从页面加载到关闭期间随机淡入和淡出一些图像。我这样到底是为了什么。CSS
#block{position:relative;top:100px;left:100px;}
HTML
<div id="block">
<img src="images/block/blockone.jpg"width="95"height="95">
<img src="images/block/blocktwo.jpg"width="95"height="95">
//Five images as such
</div>
脚本
function random(n){
return Math.floor(Math.random()*n);
var transition_time=500;
var waiting_time=500;
var images=$('div#block img');
var n=images.length;
var current=random(n);
images.hide();
images.eq(current).show();
var interval_id=setInterval(function(){
images.eq(current).fadeOut(transition_time,function(){current=random(n);
images.eq(current).fadeIn(transition_time);
});
},2*transition_time+waiting_time);
它不起作用,我真的很想听听你的建议
最佳答案
代码有语法错误,也将代码移到domreadyhadler下
jQuery(function(){
function random(n) {
return Math.floor(Math.random() * n);
}// this was missing
var transition_time = 500;
var waiting_time = 500;
var images = $('div#block img').hide();
var n = images.length;
var current = random(n);
images.hide();
images.eq(current).show();
var interval_id = setInterval(function () {
images.eq(current).fadeOut(transition_time, function () {
current = random(n);
images.eq(current).fadeIn(transition_time);
});
}, 2 * transition_time + waiting_time);
})
演示:Fiddle
关于jquery - 图像随机淡入和淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19417628/
我是一名优秀的程序员,十分优秀!