実装のアイデア: 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配列の組み込みトラバーサルメソッドとその違いについての簡単な説明
1.メニューバーにスタートと入力し、スタートアップアプリケーションをクリックして入力します。 2. ...
グラデーションの背景色を作成するときは、 linear-gradient() 関数を使用して線形グラ...
目次1. ストアドプロシージャ1.1. 基本構文1.2 実行権限を指定してストアドプロシージャを作成...
今日は、いくつかの一般的なテキスト処理コマンドとvimテキストエディタを紹介します。 3日目 - 一...
個人的な実装のスクリーンショット:インストール: npm インストール vue-esign --sa...
前回の記事では、Docker Desktop をインストールし、Kubernetes を有効にしまし...
目次1.DB、DBMS、SQL 2. データベースの特徴3. SQL分類4. MySQLを起動および...
SSH プラグインの使用による公開Publish Over SSH を使用する前に、SSH 秘密キー...
注意を払う必要があります。HTML Police がコードを調べて、意味のないタグをすべて見つけ出す...
<fieldset>と<legend>については、ほとんどの人はおそらく馴染...
Win10 のインストール (すでにインストールされている場合はスキップしてください) win10...
Element-UI に慣れた開発者なら、無限スクロールの InfiniteScroll が使いにく...
共有システムで作業しているときは、他のユーザーが自分のコンソールを覗き込んで、自分が何をしているか見...
今回は、コンピューターや携帯電話用の rtmp ライブ ブロードキャスト サーバーを設定し、ライブ ...
序文MySQL の rowid の概念については聞いたことがあるかもしれませんが、テストや実践が難し...