Js+css实现故意思的链接笔墨散花殊效

发布时间：2018-08-19 15:04:27 所属栏目：编程来源：站长网

导读：烈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>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys