ホームページ > 記事 > ウェブフロントエンド > jsを使ってスクロールタイトルを実装する手順を詳しく解説
jsを使ってスクロールタイトルを実装する手順を詳しく解説
- php中世界最好的语言オリジナル
- 2018-04-17 16:39:141422ブラウズ
今回は、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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。