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

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

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

/script

實現(xiàn)思路：

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

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

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

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

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

摘要：效果圖代碼如下帥此處是文字內(nèi)容獲取到我們的標簽在鼠標指針進入到標簽上時觸發(fā)我是你爸爸設置標簽之間的在鼠標指針離開標簽上時觸發(fā)帥設置標簽之間的實現(xiàn)思路通過中的來實現(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實現(xiàn)發(fā)光文字,以及一點點js特效

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

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

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

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

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

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