zoukankan      html  css  js  c++  java
  • jquery 新闻滚动效果

    $(function () {
         var scrollTimer = null;
         var delay = 2000;
         //1.鼠标对新闻触发mouseout事件后每2s调用scrollNews()
         //2.鼠标对新闻触发mouseover事件后停止调用scrollNews()
         //3.初次加载页面触发鼠标对新闻的mouseout事件
         $('div.busMsg').hover(function () {
         clearInterval(scrollTimer);
         }, function () {
         scrollTimer = setInterval(function () {
         scrollNews();
         }, delay);
         }).triggerHandler('mouseout');
         });
         //滚动新闻
         function scrollNews() {
         var $news = $('div.busMsg>ul');
         var $lineHeight = $news.find('li:first').height();
         $news.animate({ 'marginTop': -$lineHeight + 'px' }, 600, function () {
         $news.css({ margin: 0 }).find('li:first').appendTo($news);
         });
         }

    <div id="busMsg" class="busMsg">
                <ul class="busMsgs">
                  <li>
                    
                  </li>

                </ul>
       </div>

  • 相关阅读:
    异常处理、网络编程
    内置函数、反射、__str__、__del__、元类
    tomcat 拒绝服务
    html标签
    google 与服务器搭建
    liunx centox ssh 配置
    java 泛型
    Windows Mysql安装
    java 空对象
    java 动态代理(类型信息)
  • 原文地址:https://www.cnblogs.com/ckaifeng/p/5049154.html
Copyright © 2011-2022 走看看