完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效

2020-05-23 06:10:24易采站长站整理

                    $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);
                    /* 增加新的第一个div的高度*/
                    $(this).remove();   
                    /*这个移除的效果是什么呢 就是在当我们第一次加载完页面的时候都会有几个只有图片没有属性值的li 清除就是在第一个动画结束后把没有属性的li给删除掉 没有属性的就是 没有高的 没有动画效果的li*/
                });
                currentItem++;
                /*永远在第一个li位置显示出现的是下一个li图片*/
                if(currentItem >= total){
                /*如果4张图片大于或等于所有的大于或等于整个图片的的话*/
                    currentItem = 0;
                    /*那么就从0开始*/
                }
                setTimeout(spy, interval)
                /*在ul和4秒内完成*/
            }
            spy();
            /*效果的整个开关*/
        });
    };  
})(jQuery);
</script>
<script type=”text/javascript”>
$(document).ready(function(){
    $(‘ul.spy’).simpleSpy();
    /*ul.spy调用simpleSpy()模版方法*/
});
</script>
</head>
<body>
<div class=”demo”>
    <h2>jquery仿新浪微博图片文字列表间隙滚动淡进淡出滚动</h2>
    <div id=”sidebar”>