Js+css实现有意思的链接文字散花特效

发布时间：2018-08-19 14:43 所属栏目：121 来源：站长网

导读：烈93火65网(LieHuo53.Net)教42程一个超有意思的链接文字特效，主要使用了JS脚本，CSS来定义相关颜色样式等，鼠标放到链接文字上，文字出现散花效果，散出来的图案没有使用图片，如果把代码搞懂了，还可以自己定义图案，有意思吧，代码的执行效率相当高，

　　烈93火65网(LieHuo53.Net)教42程一个超有意思的链接文字特效，主要使用了JS脚本，CSS来定义相关颜色样式等，鼠标放到链接文字上，文字出现散花效果，散出来的图案没有使用图片，如果把代码搞懂了，还可以自己定义图案，有意思吧，代码的执行效率相当高，也不占用浏览器资源，期待大家参考。

　　演示：

<html> <head> <TITLE>文字散花特效</TITLE> <style type="text/css">  </style> <script language="<b>Java</b>Script">  </script> <script>  </script> <style> .ringstyle { position:absolute; visibility:visible; top:-50px; font-size:5pt; font-family:Verdana; color:FF0000 } .explain { position:absolute; top:80px; left:40px; width:300px; color:000000; text-align:center; font-size:20pt; font-family:Times; } </style> </head> <body> <div id="ring" class="ringstyle"> <p><font color="#FF8080">烈火学院</font></p> </div><div id="redirection" class="explain"> <p>鼠标放过来看看<a target="_blank" onMouseOver="ringup()" href="http://www.veryhuo.com">是不是很棒的效果</a></p> </div></body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）