実装のアイデア: CSSで 効果画像: コードは次のとおりです。 </head> <スタイル> 体{ 背景色:#000; } .テキストエリア{ フォントサイズ:100px; 色:#fff; テキストシャドウ:0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; 上マージン:200px; テキスト配置:中央; } </スタイル> <本文> <p class="textArea">帅</p><!--ここにテキストコンテンツ--> </本文> <スクリプト> var text = document.querySelector ('.textArea'); //Pタグを取得する //マウスポインタがPタグに入るとトリガーする text.onmouseenter = function () { text.innerHTML = '私はあなたの父です'; //Pタグ間のHTMLを設定します }; //マウスポインタがPタグから離れたときにトリガーします text.onmouseleave=function(){ text.innerHTML = 'cool'; //Pタグ間のHTMLを設定する }; </スクリプト> 要約する 上記は、エディターが導入した発光テキストとちょっとした JS 特殊効果の CSS 実装です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。 |
>>: JS配列の組み込みトラバーサルメソッドとその違いについての簡単な説明
クッキーこれはクライアント ブラウザの状態を保存するための標準的な方法です。Cookie はブラウザ...
実際、この問題は、HTML の select タグを初めて学んだときにすでに発生していました。今日に...
処理能力と同時実行性を向上させるために、Web コンテナは通常、リクエストを処理するタスクをスレッド...
DockerイメージからDockerfileを取得する docker 履歴 --format {{....
(1) HTML: ハイパーテキストマークアップ言語。主に「ヘッダー」と「ボディ」の2つの部分で構...
目次1. 依存関係をインストールする2. vue.config.js ファイルで pwa を設定しま...
目次乱数を生成する0から1までの乱数を生成する指定された範囲内で乱数を生成します6桁のモバイル認証コ...
目次1. Vue環境を構築する2. Vue スキャフォールディングツール3. プロジェクトを作成する...
コードをコピーコードは次のとおりです。 <本文> //マーキーの助けを借りて<MA...
目次1.Json文字列1.1Json構文1.2 例2. クッキー2.1 使い方は? 3. ローカルス...
1 セミコロン「;」のない CSS スタイル2 タグが閉じられておらず、「>」がありません...
MySQL は、マルチテーブルクエリを実行するときにエラーを報告します。 [SQL] SELECT ...
目次背景説明GETリクエストの作成事前リクエストスクリプトで署名を作成するスクリプトは環境変数に書き...
現在実装されているのは、基本的な使用方法、クリア可能なボックス、パスワードボックスです。参考リンク:...
目次序文使用コンポーネントの記述データ構造分析プロセス分析基礎コードの分析他の要約する序文パスワード...