資訊專欄INFORMATION COLUMN
摘要：效果圖代碼如下帥此處是文字內容獲取到我們的標簽在鼠標指針進入到標簽上時觸發我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發帥設置標簽之間的實現思路通過中的來實現文字的發光效果
效果圖：
代碼如下：
/head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-shadow:0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; margin-top:200px; text-align:center; } /style
body p 帥 /p !--此處是文字內容-- /body
script var text=document.querySelector(.textArea);//獲取到我們的P標簽 //在鼠標指針進入到P標簽上時觸發 text.onmouseenter=function(){ text.innerHTML=我是你爸爸;//設置P標簽之間的 HTML }; //在鼠標指針離開P標簽上時觸發 text.onmouseleave=function(){ text.innerHTML=帥;//設置P標簽之間的 HTML };
/script
實現思路：
通過css中的text-shadow來實現文字的發光效果
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/883.html
摘要：效果圖代碼如下帥此處是文字內容獲取到我們的標簽在鼠標指針進入到標簽上時觸發我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發帥設置標簽之間的實現思路通過中的來實現文字的發光效果效果圖： 代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...
摘要：效果圖代碼如下帥此處是文字內容獲取到我們的標簽在鼠標指針進入到標簽上時觸發我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發帥設置標簽之間的實現思路通過中的來實現文字的發光效果效果圖： 代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...
摘要：效果圖代碼如下帥此處是文字內容獲取到我們的標簽在鼠標指針進入到標簽上時觸發我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發帥設置標簽之間的實現思路通過中的來實現文字的發光效果效果圖： 代碼如下： body{ background-color:#000; } .textArea{ font-size:100px; ...
摘要：效果圖代碼如下帥此處是文字內容獲取到我們的標簽在鼠標指針進入到標簽上時觸發我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發帥設置標簽之間的實現思路通過中的來實現文字的發光效果效果圖： 代碼如下： body{ background-color:#000; } .textArea{ font-size:100px; ...
閱讀 727·2023-04-25 19:43
閱讀 3971·2021-11-30 14:52
閱讀 3796·2021-11-30 14:52
閱讀 3861·2021-11-29 11:00
閱讀 3791·2021-11-29 11:00
閱讀 3887·2021-11-29 11:00
閱讀 3568·2021-11-29 11:00
閱讀 6142·2021-11-29 11:00
