zoukankan      html  css  js  c++  java
  • jquery新闻的动态滚动

    //实现新闻动态的滚动


    $(function(){

            var $this=$(".scrollNews");
            var scoler='';
            $(".scrollNews").hover(function(){
                    //清除定时器
                    clearInterval(scoler);
            },function(){
                //设置定时器
                scoler=setInterval(function(){
                    scrollNews($this);
                },3000);
            
            }).trigger("mouseleave");
    })
    function scrollNews(obj){
            var $ul=obj.find("ul");
            var lineHeight=obj.find("li:first").height();
            $ul.animate({"marginTop":-lineHeight+"px"},800,function(){
            $ul.css("marginTop",0).find("li:first").appendTo($ul);
            })

    }

    思想:就是把第一个的height放到最后实现动态的滚动


  • 相关阅读:
    hdu 1151
    DAG的最小路径覆盖和二分图的最大匹配
    二部图 最小点覆盖集与最大匹配的关系
    sdut 2151
    sdut Emergency
    作业
    Node.prototype.contains
    微博登录
    markdown
    Object.observe
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3006962.html
Copyright © 2011-2022 走看看