jQuery广告牌旋转动画效果

使用方法

引入样式表和JS文件

<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8"/>
<script src="jquery-1.3.2.js" type="text/javascript"></script>

JS代码

<script>
    $(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);
                });
            });
        }
    });
</script>
更新时间 2020-06-29 21:26:19,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要2A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论