Js实现文字链接列表逐一交替淡出显示效果

发布时间：2018-08-20 13:34:52 所属栏目：PHP教程来源：站长网

导读：Js实现文字链接列表逐一交替淡出显示效果，就风儿轻轻吹在水面泛起的波纹（有点夸张哦），打开网页后，请稍等一下，Js也需要反应一下，哈哈，挺实用的文字链接效果。赞一个！演示代码： htmlheadmeta http-equiv=Content-Type content=text/html; charset

　　Js实现文字链接列表逐一交替淡出显示效果，就风儿轻轻吹在水面泛起的波纹（有点夸张哦），打开网页后，请稍等一下，Js也需要反应一下，哈哈，挺实用的文字链接效果。赞一个！

　　演示代码：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>文字的变换导航</title> </head> <body> <style type="text/css"> body { background-color:#ffcc77; font-family:"Verdana", sans-serif; font-size:20px; font-weight:bold;} a.links{ font-family:"Verdana", sans-serif; font-size:20px; line-height:30px; color:black; text-decoration:none; font-weight:bold;} a.links:active { color:black; } a.links:hover { } </style> <script language="javascript" type="text/javascript">  </script> <a class="links" id="0" onmouseover="stopFade('0');" onmouseout="continueFade('0');" href="http://www.veryhuo.com/down/html/29337.html">Flash光芒、带模糊文字，雪花飘落，渐显特效</a> <br> <a class="links" id="1" onmouseover="stopFade('1');" onmouseout="continueFade('1');" href="http://www.veryhuo.com/down/html/29333.html">网页左侧半圆扇形的Flash相册特效，附Fla源代码</a> <br> <a class="links" id="2" onmouseover="stopFade('2');" onmouseout="continueFade('2');" href="http://www.veryhuo.com/down/html/29331.html"><b>五子棋</b>网络游戏大厅版,VB模仿QQ游戏源代码</a> <br> <a class="links" id="3" onmouseover="stopFade('3');" onmouseout="continueFade('3');" href="http://www.veryhuo.com/down/html/29330.html">Jquery表格排序插件，TableSort实例源代码</a> <br> <a class="links" id="4" onmouseover="stopFade('4');" onmouseout="continueFade('4');" href="http://www.veryhuo.com/down/html/29324.html"><b>jQuery</b>万能浮动框插件，REL属性、鼠标跟随等效</a> <br> <a class="links" id="5" onmouseover="stopFade('5');" onmouseout="continueFade('5');" href="http://www.veryhuo.com/down/html/29321.html">环保和建筑工程管理系统两套,VB完整源代码</a> <script language="javascript" type="text/javascript">  </script> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：91站长网）

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

最令PHP初学者头痛的十	PHP初学示例详细学习
PHP实现上传文件生成小	菜鸟学习动态网页PHP