css實(shí)現(xiàn)發(fā)光文字,以及一點(diǎn)點(diǎn)js特效

番茄西紅柿發(fā)布于2019-04-22 16:12 / 1342人閱讀

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過中的來實(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)指針離開P標(biāo)簽上時(shí)觸發(fā)
text.onmouseleave=function(){
text.innerHTML=帥;//設(shè)置P標(biāo)簽之間的 HTML
};

/script

實(shí)現(xiàn)思路：

通過css中的text-shadow來實(shí)現(xiàn)文字的發(fā)光效果

GPU云服務(wù)器云服務(wù)器發(fā)光文字文字外發(fā)光html js實(shí)現(xiàn)抽屜特效 js實(shí)現(xiàn)特效數(shù)字

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/787.html

相關(guān)文章

css實(shí)現(xiàn)發(fā)光文字,以及一點(diǎn)點(diǎn)js特效

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過中的來實(shí)現(xiàn)文字的發(fā)光效果效果圖：代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...

番茄西紅柿 2019-04-22 17:02 評論0 收藏0
css實(shí)現(xiàn)發(fā)光文字,以及一點(diǎn)點(diǎn)js特效

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過中的來實(shí)現(xiàn)文字的發(fā)光效果效果圖：代碼如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-s...

番茄西紅柿 2019-04-22 16:34 評論0 收藏0
css實(shí)現(xiàn)發(fā)光文字,以及一點(diǎn)點(diǎn)js特效

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過中的來實(shí)現(xiàn)文字的發(fā)光效果效果圖：代碼如下：　　　　　　body{ 　　　　　　background-color:#000; 　　　　} 　　　　.textArea{ 　　　　　　font-size:100px; ...

番茄西紅柿 2019-04-23 11:40 評論0 收藏0
css實(shí)現(xiàn)發(fā)光文字,以及一點(diǎn)點(diǎn)js特效

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標(biāo)簽在鼠標(biāo)指針進(jìn)入到標(biāo)簽上時(shí)觸發(fā)我是你爸爸設(shè)置標(biāo)簽之間的在鼠標(biāo)指針離開標(biāo)簽上時(shí)觸發(fā)帥設(shè)置標(biāo)簽之間的實(shí)現(xiàn)思路通過中的來實(shí)現(xiàn)文字的發(fā)光效果效果圖：代碼如下：　　　　　　body{ 　　　　　　background-color:#000; 　　　　} 　　　　.textArea{ 　　　　　　font-size:100px; ...

番茄西紅柿 2019-04-22 19:50 評論0 收藏0