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


  • 相关阅读:
    java内存泄露
    hbase java api
    配置CRT远程登录
    kafka分区消费模型
    JAVA内存区域
    JVM分代和垃圾回收
    spring中bean的作用域
    分布式RPC
    session共享
    ZooKeeper实现分布式session
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3006962.html
Copyright © 2011-2022 走看看