您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页jQuery模拟新浪微博首页滚动效果的方法_jquery

jQuery模拟新浪微博首页滚动效果的方法_jquery

来源:华佗小知识
 本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:




无标题文档

$(function(){
var scrtime;
$("#con").hover(function(){
clearInterval(scrtime);
},function(){
scrtime = setInterval(function(){
var $ul = $("#con ul");
var liHeight = $ul.find("li:last").height();
$ul.animate({marginTop : liHeight+40 +"px"},1000,function(){
$ul.find("li:last").prependTo($ul)
$ul.find("li:first").hide();
$ul.css({marginTop:0});
$ul.find("li:first").fadeIn(1000);
});
},3000);
}).trigger("mouseleave");
});






  • 人生若只如初见




  • 何事秋风悲画扇




  • 等闲变却故人心




  • 却道故人心易变






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

    Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务