今回は、jsでスクロールタイトルを実装する手順について詳しく説明します。jsでスクロールタイトルを実装するための注意点は何ですか。実際のケースを見てみましょう。
<!DOCTYPE html>
<html>
<head>
<meta content="text/html" charset="utf-8">
<title></title>
<style type="text/css">
*{
margin:0;
padding:0;
font-family:'微软雅黑';
}
img{
float:left;
}
</style>
</head>
<body>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
var position=0;
var message='^_^欢迎浏览本网站';
var x=2*(60/message.length);//要保证是两倍
var newStr='';
for(var i=0;i<x;i++){
newStr+=message;
}
function titleTex(){
var title=newStr.substring(position,position+60);
position++;
if(position==60){//刚好截取到尾巴
position=0;
}
document.title=title;
}
setInterval(titleTex,150);
</script>
</html>この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
angularJS+Ionicはモバイル画像アップロード機能を実装
以上がjsを使ってスクロールタイトルを実装する手順を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
