資訊專欄INFORMATION COLUMN
摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開(kāi)標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過(guò)中的來(lái)實(shí)現(xiàn)文字的發(fā)光效果
效果圖：
代碼如下：
/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 !--此處是文字內(nèi)容-- /body
script var text=document.querySelector(.textArea);//獲取到我們的P標(biāo)簽 //在鼠標(biāo)指針進(jìn)入到P標(biāo)簽上時(shí)觸發(fā) text.onmouseenter=function(){ text.innerHTML=我是你爸爸;//設(shè)置P標(biāo)簽之間的 HTML }; //在鼠標(biāo)指針離開(kāi)P標(biāo)簽上時(shí)觸發(fā) text.onmouseleave=function(){ text.innerHTML=帥;//設(shè)置P標(biāo)簽之間的 HTML };
/script
實(shí)現(xiàn)思路：
通過(guò)css中的text-shadow來(lái)實(shí)現(xiàn)文字的發(fā)光效果
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/860.html
摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開(kāi)標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過(guò)中的來(lái)實(shí)現(xiàn)文字的發(fā)光效果效果圖： 代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...
摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開(kāi)標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過(guò)中的來(lái)實(shí)現(xiàn)文字的發(fā)光效果效果圖： 代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...
摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開(kāi)標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過(guò)中的來(lái)實(shí)現(xiàn)文字的發(fā)光效果效果圖： 代碼如下： body{ background-color:#000; } .textArea{ font-size:100px; ...
摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開(kāi)標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過(guò)中的來(lái)實(shí)現(xiàn)文字的發(fā)光效果效果圖： 代碼如下： body{ background-color:#000; } .textArea{ font-size:100px; ...
閱讀 736·2023-04-25 19:43
閱讀 3981·2021-11-30 14:52
閱讀 3807·2021-11-30 14:52
閱讀 3871·2021-11-29 11:00
閱讀 3802·2021-11-29 11:00
閱讀 3904·2021-11-29 11:00
閱讀 3580·2021-11-29 11:00
閱讀 6184·2021-11-29 11:00
