现在的位置: 首页 > 综合 > 正文

文本滚动效果 [已实现]

2013年10月07日 ⁄ 综合 ⁄ 共 1564字 ⁄ 字号 评论关闭

<!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" xml:lang="zh-CN" dir="ltr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>文本滚动效果_javascript</title>
</head>
<body>
    <div>
        <ul id="divShowContent" style="border: 1px solid #f8aa4f; width: 400px; height: 110px;
            overflow: hidden;" onmousemove="scroll = false;" onmouseout="scroll = true;">
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_001</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_002</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_003</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_004</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_005</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_006</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_007</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_008</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_009</li>
            <li style="width: 100%;">飞天刺客_hacker13A_QQ86017974_010</li>
        </ul>
        <script type="text/javascript">
            var scroll = true;
            function SetMarquee() {
                if (scroll) {
                    var container = document.getElementById("divShowContent");
                    container.appendChild(container.firstChild);
                }
            }
            setInterval("SetMarquee()", 1000);
        </script>
    </div>
</body>
</html>

抱歉!评论已关闭.