zoukankan      html  css  js  c++  java
  • 简易公告

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
      <script src="F:/AutoRescue/Web/js/jquery/jquery.js" type="text/javascript"></script>
        <style type="text/css">
            ul, li
            {
                margin: 0;
                padding: 0;
            }
            #scrollDiv
            {
                300px;
                height: 25px;
                line-height: 25px;
                border: #ccc 1px solid;
                overflow: hidden;
            }
            #scrollDiv li
            {
                height: 25px;
                padding-left: 10px;
            }
        </style>

        <script type="text/javascript">
       
            function AutoScroll(obj) {

                $(obj).find("ul:first").animate({
                    marginTop: "-25px"
                }, 500, function() {
                    $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
                });
            }
            $(document).ready(function() {
                var myar = setInterval('AutoScroll("#scrollDiv")', 1000)
                $("#scrollDiv").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll("#scrollDiv")', 1000) }); //当鼠标放上去的时候,滚动停止,鼠标离开的时候滚动开始
            });
        </script>

    </head>
    <body>
        <form id="form1" runat="server">
        <div id="scrollDiv">
            <ul>
                 <li><a href="http://www.sina.com">欢迎浏览新浪网</a></li>
                <li><a href="http://www.163.com">欢迎浏览网易</a></li>
                <li><a href="http://www.csdn.com">欢迎进入程序员之家</a></li>
                <li><a href="http://www.51aspx.com">很好的源代码下载区</a></li>
                <li><a href="http://www.msdn.com">msdn</a></li>
                <li><a href="http://www.baidu.com">欢迎浏览百度网</a></li>
            </ul>
        </div>
        </form>
    </body>
    </html>

  • 相关阅读:
    服务器
    python的并发编程学习
    python的网络编程学习
    python的基础学习 模块
    pymysql基础操作
    查询简单练习
    数据准备
    数据库的三大设计范式
    数据库基础-建表约束
    mysql基础-基本语法
  • 原文地址:https://www.cnblogs.com/mahaisong/p/2014875.html
Copyright © 2011-2022 走看看