zoukankan      html  css  js  c++  java
  • Jquery无缝滚动

    <!--Style样式-->

    <style>
    *{margin:0;padding:0;}
    body{font-size:12px; font-family:"微软雅黑"}
    a{color:#333; text-decoration:none;}
    ul{list-style:none;}
    #marquee2{300px;height:25px;overflow:hidden; background:#EFEFEF; margin:20px auto 0;}
    #marquee2 ul li{float:left; padding:0 10px; line-height:25px;}
    </style>

    <!--body部分-->

    <div id="marquee2">
    <ul>
    <li><a href="#">新闻公告一</a><>
    <li><a href="#">新闻公告二新闻公告二新闻公告二新闻公告二</a><>
    <li><a href="#">新闻公告三新闻公告三</a><>
    <li><a href="#">新闻公告四新闻公告四新闻公告四</a><>
    <li><a href="#">新闻公告五新闻公告五新闻公告五</a><>
    <li><a href="#">新闻公告六新闻公告六新闻公告六</a><>
    </ul>
    </div>

    <!--两个js文件-->

    <script src="js/jquery-1.3.2.min.js"></script>
    <script src="js/jquery.kxbdMarquee.js"></script>

    <!--Jquery部分向左滚动-->
    <script>
    (function(){
    $("#marquee2").kxbdMarquee({isEqual:false});
    })();
    </script>

    <!--Jquery部分向右滚动-->
    <script>
    (function(){
    $("#marquee2").kxbdMarquee({isEqual:false,direction: "right"});
    })();
    </script>

    <!--Jquery部分向上滚动,向上滚动需要在style里取消浮动-->
    <script>
    (function(){
    $("#marquee2").kxbdMarquee({isEqual:false,direction: "up"});
    })();
    </script>

    <!--Jquery部分向上滚动,向下滚动需要在style里取消浮动-->
    <script>
    (function(){
    $("#marquee2").kxbdMarquee({isEqual:false,direction: "down"});
    })();
    </script>

  • 相关阅读:
    卡特兰数
    java学习
    最大化窗口
    C++复制文件的代码
    C++复制文件(使用WindowsAPI)
    C++下获取XMLHTTPRequest指针
    操作哈希表
    《Windows Communication Foundation之旅》系列之三(转载)
    让.Net2.0的Membership使用已存在的Sql Server2000/2005数据库
    用Visual C#做WinForm组件
  • 原文地址:https://www.cnblogs.com/zcy1995/p/7773658.html
Copyright © 2011-2022 走看看