您当前位置：首页 > web前端 > 特效 > 超链接的title提示效果左侧浮动效果

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

来源：程序员人生发布时间：2014-03-13 23:03:25 阅读次数：3680次

　　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.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></div>
提示：可修改后代码再运行!

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 JQuery实例:offsetWidth 与 offsetHeight

下一篇 PHP 和 MySQL 开发的 8 个技巧

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点