稍微玩弄一下CSS转换和变换。它只在Webkit(Safari、Chrome)中工作,尚未完成。不过,你可能会喜欢这个主意。
http://jsfiddle.net/Jv3tm/1/
HTML:
<ul id="ads">
<li><a href="#"><img src="http://dummyimage.com/200x100/0f0/000&text=ad1"></a></li>
<li><a href="#"><img src="http://dummyimage.com/200x100/f0f/000&text=ad2"></a></li>
<li><a href="#"><img src="http://dummyimage.com/200x100/06f/000&text=ad3"></a></li>
</ul>
CSS:
#ads li { margin:1em; text-align:center; }
#ads img { -webkit-transition:-webkit-transform 0.5s linear; }
JavaScript:
$(document).ready(function() {
$(\'#ads img\').each(function(i) {
$(this).css({
\'-webkit-transition-delay\': (i/2) + \'s\'
,\'-webkit-transform\': \'scale(1.2)\'
});
});
});
@xLRDxREVENGEx:同意你的观点,认为这是令人讨厌的行为。