jquery实现仿新浪微博评论滚动效果

2020-05-19 07:43:17易采站长站整理

</li>
<li style="opacity: 0.6;"><img alt="大块头儿郎4" src="images/4.png" class="avatar avatar-32 photo" height="32" width="32"> <a href="#">大块头儿郎4:<br>
吹吧,这还挺不错,这个可以测试一下</a><br>
</li>
</ul>
</div>
</div>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function(a) {
a(function() {
var b;
a("#rcslider").hover(function() {
clearInterval(b)
},
function() {
b = setInterval(function() {
var b = a("#rcslider"),
c = b.find("li:last").height();
b.animate({
marginTop: c + 3 + "px"
},
1e3,
function() {
b.find("li:last").prependTo(b),
b.find("li:first").hide(),
b.css({
marginTop: 0
}),
b.find("li:first").fadeIn(1e3)
})
},
3e3)
}).trigger("mouseleave")
}),
a(document).ready(function() {
a("#rcslider li").css({
opacity: ".6"
}),
a("#rcslider li").hover(function() {
a(this).stop().fadeTo(300, 1)
},
function() {
a(this).stop().fadeTo(300, .6)
})
})
});
</script>
</body>
</html>

希望本文所述对大家的jquery程序设计有所帮助。