成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 1945人閱讀

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

/script

實現(xiàn)思路：

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/883.html

相關(guān)文章

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

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

    番茄西紅柿 評論0 收藏0

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

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

    番茄西紅柿 評論0 收藏0

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

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

    番茄西紅柿 評論0 收藏0

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

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

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<