• 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>

  • 相关阅读:
    YTU 2959: 代码填充--雨昕学矩阵
    YTU 2958: 代码填充--雨昕学画画
    YTU 2960: 改错题--小鼠标,你要干什吗?
    YTU 2975: 我的编号
    YTU 2979: MathBook类--多态
    linux命令学习:echo详解,格式化输出,不换行输出
    linux shell date 时间运算以及时间差计算方法
    C语言中mktime函数功能及用法
    Posix线程编程指南(3)
    Posix线程编程指南(2)
  • 原文地址:https://www.cnblogs.com/zcy1995/p/7773658.html
Copyright © 2020-2023  润新知