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放到最后实现动态的滚动


  • 相关阅读:
    String
    Array常用方法
    Array类
    ruby调试/练习时的小技巧
    集合类对象的遍历处理办法
    Tech road one step 7-Noc to 13-Nov
    Tech road one step 31-Oct 6-Nov
    TechRoad_oneStep_17-23 10
    TechRoad_oneStep_1001
    TechRoad_oneStep_0919
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3006962.html
Copyright © 2011-2022 走看看