最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:35:29
文档

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

jQuery模拟新浪微博首页滚动效果的方法_jquery:本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: 无标题文档 $(function(){ var scrtime; $(#con).hover(function(){ clearInterval(scrtime); },funct
推荐度:
导读jQuery模拟新浪微博首页滚动效果的方法_jquery:本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: 无标题文档 $(function(){ var scrtime; $(#con).hover(function(){ clearInterval(scrtime); },funct
 本文实例讲述了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程序设计有所帮助。

    文档

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

    jQuery模拟新浪微博首页滚动效果的方法_jquery:本文实例讲述了jQuery模拟新浪微博首页滚动效果的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: 无标题文档 $(function(){ var scrtime; $(#con).hover(function(){ clearInterval(scrtime); },funct
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top