好吧,我只需要一个灯。
我只想在右侧的微笑图像上产生一个视觉效果。
http://iitweb.com/
基本上是带有随机alpha的网格瓷砖效应,该效应在图像上持续持续下去。有什么想法我可以使用什么?
好吧,这对您来说可能有点迟了,但它可能会帮助任何人寻找同一件事。
这将是我的第一种方法:
html
<img src="https://profile-b-ord.xx.fbcdn.net/hprofile-ash3/27537_111050195577875_7540_q.jpg" alt="" />
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc7/369585_100004094319706_2126721826_q.jpg" alt="" />
<img src="http://vialibrepl.com/wp-content/uploads/2013/08/THUNDERCATS-50x50.jpg" alt="" />
<img src="http://www.brainzum.com/wp-content/uploads/2013/02/Inspector-Gadget-Go-Go-Gadget-Collection1-50x50.jpg" alt="" />
<img src="http://spe.fotolog.com/photo/46/54/51/_melizita/Homer_Simpson_1240210329589_t.jpg" alt="" />
JS
function fadeRandomTile()
{
var tiles = $("img").length;
var random_tile = Math.floor(Math.random() * tiles);
var $tile = $("img").eq(random_tile);
if(!$tile.data("alpha"))
{
$tile.fadeTo(500, 0.5).data("alpha", true);
}
else
{
$tile.fadeTo(500, 1).data("alpha", false);
}
}
setInterval(function(){fadeRandomTile()}, 1000);
演示http://jsfiddle.net/gepan/1/