jQuery实现仿微薄滚动

<img class="alignnone size-medium wp-image-167" title="2011072801" src="http://www look at here now.xiaobai8.com/wp-content/uploads/2011/07/12-300×148.png” alt=”” width=”300″ height=”148″ srcset=”http://www.xiaobai8.com/wp-content/uploads/2011/07/12-300×148.png 300w, http://www.xiaobai8.com/wp-content/uploads/2011/07/12.png 569w” sizes=”(max-width: 300px) 100vw, 300px” />
jQuery写的放新浪微薄滚动

主要代码Movie Rings (2017)

function showAuto(){

var $ul=$(“div.box ul”);

var liheight=$(“div.box”).find(“li:first”).height()+20;

$ul.animate({marginTop:liheight+”px”},1000,function(){

$ul.find(“li:last”).prependTo($ul);

$ul.find(“li:first”).hide();

$ul.css({marginTop:0});

$ul.find(“li:first”).fadeIn(1000);

clearTimeout(timer);

timer=window.setTimeout(showAuto,offect);

});

}

demo查看

本文固定链接: http://www.xiaobai8.com/Blog/166.html | web前端,杭州小白的个人博客,小白的个人博客

该日志由 杭州-小白 于2011年07月28日发表在 jQuery 分类下,
原创文章转载请注明: jQuery实现仿微薄滚动 | web前端,杭州小白的个人博客,小白的个人博客
关键字:

jQuery实现仿微薄滚动:目前有5 条留言

  1. 板凳
    湖北-前端:

    解释下呀。呵呵。。。。带些说明最好!!!

    2011-11-20 18:20
    • 杭州-小白:

      嗯。这个嘛。就是每次移动的时候位置改变下呀

      2011-11-21 20:01
  2. 又来看你了,呵呵,我有更简单的方法,来滚动。呵呵。

    var dome = document.getElementById(“dome”);
    var dome1 = document.getElementById(“dome1”);
    var dome2 = document.getElementById(“dome2”);
    dome2.innerHTML = dome1.innerHTML; //复制图集副本

    /**** 滚动函数 ****/
    function marquee(){
    dome.scrollTop = (dome.scrollTop<=dome1.scrollHeight)?dome.scrollTop+1:1; //如果滚动距离小等于图集高度,那么当前距离加1,否则初始化距离为1
    }

    JS版,呵呵

    想跟你换个友链怎么样?在高质量群里的。
    我先加你了。呵呵,
    网址:http://www.yzzmf.com
    关键字:模仿

    2012-02-24 16:34
    • 杭州-小白:

      嗯。嗯

      2012-02-26 15:24
    • 杭州-小白:

      嗯。这个方法纯js的 。不错奥。只是我对纯js比较菜啦。。。。

      2012-02-26 15:37