超链接的title提示效果左侧浮动效果

发布时间：2018-08-13 15:24 所属栏目：121 来源：站长网

导读：Java Script实现的超链接的title提示效果左侧浮动效果，可以看作是一款垂直的菜单特效，带说明，把鼠标移上去，就可以看到说明了。另外代码中有丰富的注释，您可以很详细的阅读。演示： HTMLHEADTITLE链接title说明浮动效果/TITLESTYLE type=text/cssA{CO

　　JavaScript实现的超链接的title提示效果左侧浮动效果，可以看作是一款垂直的菜单特效，带说明，把鼠标移上去，就可以看到说明了。另外代码中有丰富的注释，您可以很详细的阅读。

　　演示：

<HTML> <HEAD> <TITLE>链接title说明浮动效果</TITLE> <STYLE type=text/css> A{COLOR: #000000; FONT-SIZE: 9pt; TEXT-DECORATION: none} A:hover {COLOR: #00ff00; FONT-SIZE: 9pt;} </STYLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <SCRIPT language=JavaScript>  </SCRIPT> </HEAD> <BODY>  <DIV id=linkex style="POSITION: absolute; VISIBILITY: hidden; width=200"></DIV>  <LAYER name="linkex" visibility="hide"></LAYER> <P align=center> <A href="#" onmouseout=hide() onmouseover=show(0) target=main>［本站宗旨］</A><BR><BR> <A href="#" onmouseout=hide() onmouseover=show(1) target=main>［本站论坛］</A><BR><BR> <A href="#" onmouseout=hide() onmouseover=show(2) target=main>［本站栏目］</A><BR><BR> <A href="#" onmouseout=hide() onmouseover=show(3) target=main>［关于本站］</A> </BODY> </HTML> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：ASP站长网）