用html制作广告图片切换效果,jquery实现LED广告牌旋转系统图片切换效果代码分享...

本文实例讲述了jquery实现LED广告牌旋转系统图片切换效果，分享给大家供大家参考。具体如下：

js模拟路边巨大显示屏上广告切换效果，不得不相信js做到了，而且让你无话可说的逼真效果。

LED广告显示器上图片切换效果，场景也类似，效果相当震撼看得我目瞪口呆，热爱特效的你可不要错过哈！

运行效果图：

-------------------查看效果 下载源码-------------------

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。

为大家分享的jquery实现LED广告牌旋转系统图片切换效果代码如下

jquery实现LED广告牌旋转系统图片切换效果

$(function() {

$('#ad_1 > img').each(function(i,e){

rotate($(this),500,3000,i);

});

function rotate(elem1,speed,timeout,i){

elem1.animate({'marginLeft':'18px','width':'0px'},speed,function(){

var other;

if(elem1.parent().attr('id') == 'ad_1')

other = $('#ad_2').children('img').eq(i);

else

other = $('#ad_1').children('img').eq(i);

other.animate({'marginLeft':'0px','width':'35px'},speed,function(){

var f = function() { rotate(other,speed,timeout,i) };

setTimeout(f,timeout);

});

});

}

});

以上就是为大家分享的jquery实现LED广告牌旋转系统图片切换效果代码，希望大家可以喜欢。