jquery多行文字逐行向上滚动

最新推荐文章于 2021-07-14 12:20:57 发布

goodyatou

最新推荐文章于 2021-07-14 12:20:57 发布

阅读量7k

点赞数 1

<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <base target="_blank" />
    <title>jquery多行文字逐行向上滚动</title>

    <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
    <style type="text/css">
        /* keleyi5 */
        #keleyi5
        {
            overflow: auto;
        }
        #keleyi5 .JQ-content-box
        {
            width: 300px;
            height: 100px;
            min-height: 25px;
            line-height: 25px;
            border: #ccc 1px solid;
            overflow: hidden;
        }
        #keleyi5 .JQ-slide-content
        {
        }
        #keleyi5 .JQ-slide-content li
        {
            height: 25px;
            padding-left: 10px;
        }
    </style>
    <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqplug/4/js/jq.Slide.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#keleyi5").Slide({
                effect: "scroolTxt",
                speed: "normal",
                timer: 3000,
                steps: 1
            });
        });
    </script>
</head>
<body>
    <div id="keleyi5">
        <div class="JQ-content-box">
            <ul class="JQ-slide-content">
                <li><a href="http://keleyi.com/a/bjac/0ttmf3ib.htm">jQuery焦点新闻图片轮播</a></li>
                <li><a href="http://keleyi.com/a/bjac/6y2adkcl.htm">jQuery中的事件处理</a></li>
                <li><a href="http://keleyi.com/a/bjac/x7h2nmjo.htm">jQuery CSS样式操作语句</a></li>
                <li><a href="http://keleyi.com/a/bjac/xkqqoac2.htm">jQuery柯乐义选美大赛</a></li>
                <li><a href="http://keleyi.com/a/bjac/i4nb1p5i.htm">一个例子学习jquery的$(this)</a></li>
            </ul>
        </div>
    </div>
    
    </div>
</body>
</html>