コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript を使用して Web ページのタイトルをアニメーション化する_テキスト効果

JavaScript を使用して Web ページのタイトルをアニメーション化する_テキスト効果

WBOY
リリース： 2016-05-16 18:11:20
オリジナル
1288 人が閲覧しました

HTML タイトル:

コードをコピー コードは次のとおりです:
こんにちは、Mr-S.R Lee< /title></div> <br>JavaScript: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="58177" class="copybut" id="copybut58177" onclick="doCopy('code58177')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code58177"> <br>< ;script type="text/javascript"> <br>functionscroll() { <br>//タイトル情報を取得します。 <br>var titleInfo = document.title; <br>//タイトルの最初の漢字 (数字、文字) を取得します。 <br>//注: 文字列の最初の文字のインデックスは 0 です。パラメーターのインデックスが 0 から string.length の間にない場合、このメソッドは空の文字列を返します。 <br>var firstInfo = titleInfo.charAt(0); <br>//最後から 2 番目の情報を取得します。 <br>var lastInfo = titleInfo.substring(1, titleInfo.length); <br>//出力情報を結合する <br>document.title = lastInfo firstInfo; <br>} <br>// setInterval() メソッドを使用して、 <br>setInterval("scroll()", 500); <br></script> <br> </div> <br>完全なデモ コード:<br><div class="htmlarea"> <textarea id="runcode88489"> <title>こんにちは、S.R Lee さん
[Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、
を実行するために更新する必要があります]
関連ラベル：
title
ソース：php.cn
前の記事：jQuery_javascript スキルと同じくらい使いやすい API スタイル コードを共有する 次の記事：jquery_jquery に基づいてヘッダーを修正するためのいくつかの方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
MERN スタックの検索ボックスとチェックボックスの正規表現フィルター 私は実行しながら学習することで MERN スタックがどのように連携するかを理解しようとしており、bezcoder の次のチュートリアルに従っています: Node.js/Expres...
から 2024-04-06 14:53:12
0
1
425
3. JS 3D モデルが追加されましたが、表示されません 自分の Web サイトに 3D モデルを追加しようとしています。 3 つの .js を使用しています。あらゆることを試しましたが、3D モデルを表示できませんでした。開発者ツールの...
から 2024-04-03 19:06:13
0
1
264
挿入されたデータ値に基づいて MySql 挿入トリガーを作成するにはどうすればよいですか? テーブルユーザー用のトリガーを作成したいと考えています。新しいユーザーが追加されるとき、その役職が IT に関連している場合は、IT 連絡先リスト テーブルにレコードが作成されます...
から 2024-04-03 16:42:38
0
1
278
将来の使用のために質権価値を保存する: ガイド データベース クエリを実行し、単一の数値を生成するためにデータを処理しています。この値は後続の配列で使用する必要があります。現在、配列定義は次のようになります (下記)。問題は、a...
から 2024-04-02 17:33:45
0
1
360
レスポンシブモードでリストをツールバーに変更することはできますか? 以下のカードを持っています。 nav には多くの項目があります (簡潔にするためにここでは 1 つだけ残しておきます)。 <divclass="col-md-3&q...
から 2024-04-02 16:09:27
0
1
263
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート