実装のアイデア: 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配列の組み込みトラバーサルメソッドとその違いについての簡単な説明
目次序文Dockerfile の紹介Dockerfileはイメージプロセスを構築するDockerfi...
目次圧縮ファイルをダウンロードするアドレス: https://dev.mysql.com/downl...
1. パフォーマンス スキーマ: はじめにMySQL 5.7 では、多数の新しい監視項目の導入、ス...
序文私たちの日常の開発プロセスでは、ソートが頻繁に使用され、そのような要求がある場合もあります。たと...
MySQL は最も人気のあるリレーショナル データベース管理システムです。WEB アプリケーションに...
1. 親コンポーネントはpropsを通じて子コンポーネントにデータを渡すことができる2. 子コンポー...
目次1. プロセスとスレッドの概念2. ブラウザの原則3. 同期と非同期4. 実行スタックとタスクキ...
アカウントにログイン DOCKER_REGISTRY=registry.cn-hangzhou.al...
1. nginx-1.8.1.tar.gzを解凍する2. fastdfs-nginx-module-...
CSS プロパティのブラウザ互換性をまとめる必要があるのはなぜですか?使用する際は、Can I U...
MySQL バージョン: MySQL Community Edition (GPL) ------ ...
今夜の夕食後にノートパソコンの電源を入れたところ、問題が発生しました。通常、コンピューターがスリープ...
この記事では、参考までにMySQL 8.0.19 winx64のインストールチュートリアルを紹介しま...
1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...
多くのネットユーザーは、なぜ自分のウェブサイトはいつも色の問題を抱えていて、いつも地味に見え、注目を...