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. 杭州-小白

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

  1. 又来看你了,呵呵,我有更简单的方法,来滚动。呵呵。

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

    1. 杭州-小白

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

评论区已关闭。