jQuery实现仿微薄滚动

5条评论 / 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=”https://www.xiaobai8.com/wp-content/uploads/2011/07/12-300×148.png 300w, https://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查看

5人评论了“jQuery实现仿微薄滚动”

    1. 杭州-小白

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

  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
    关键字：模仿

    2. 杭州-小白

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

评论区已关闭。