HTML#Title 滚动条（类似QQ网页音乐 title 位置的滚动效果）

###JavaScript

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title id="i1">正在播放。。。我们,一路停停走走...</title>
</head>
<body>
    <!--<div id="i1">我们,一路停停走走</div>-->
    <script>
        function f1() {
            //根据id获取元素
            var tag = document.getElementById('i1');
            var content = tag.innerText;
            var f = content.charAt(0);
            var l = content.substring(1,content.length);
            var new_content = l + f;
            tag.innerText = new_content;

        }
        setInterval('f1()',1000)
    </script>
</body>
</html>

 

###可以放置于<body></body>效果是一样的

 

posted @ 2017-08-21 09:56  陈奕迅-可以了  阅读(531)  评论(0)  编辑  收藏  举报