我有两张图片。一个是正常的,另一个是更彩色的。我想让这个图像显示在另一个图像之上并具有“发光”效果,它每秒左右在透明和不透明之间切换。当用户按下特定按钮时,我还需要停止这种效果。我将如何使用 jQuery 或 Javascript 执行此操作?
问问题
6590 次
1 回答
4
html:
<button id="stop">STOP IT!</button>
<div class="images">
<img src="img1.jpg" />
<img src="img2.jpg" class="glowed"/>
</div>
var playing = true;
function loop(){
if(playing){
$('.images img:eq(1)').fadeIn(700, function(){
$(this).fadeOut(700,loop);
});
}
}
loop(); // start loop
$('#stop').click(function(){
playing=0;
});
只需将两个图像绝对定位:
.images img{
position:absolute;
}
.glowed{
box-shadow: 0px 0px 30px 2px #cf5
}
我使用了css3盒子阴影,但您可以使用发光的.png 图像。
于 2012-06-26T18:13:55.187 回答