js操作div仿title提示信息效果,增强型title信息提示

来源：互联网发布：笔记本摄像头监控软件编辑：程序博客网时间：2024/06/07 20:19

<html><head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .xstooltip {visibility: hidden; position: absolute; top: 0; left: 0; z-index: 2; font: normal 8pt sans-serif; padding: 3px; border: solid 1px; } </style></head><body><div id="test" onmouseover="xstooltip_show('tooltip_123', 'test', 0, 20);" onmouseout="xstooltip_hide('tooltip_123');">显示注释</div><div id="tooltip_123" class="xstooltip"><b>学it:</b>www.xueit.com<br>Time spent: 00:00:08<br/>Page viewed: 4<br/>Browser: Mozilla – 1.7.11<br/>Operating system: Linux - i686 (x86_64)</div> </body></html><mce:script type="text/javascript"></mce:script>文章来自学IT网：http://www.xueit.com/html/2010-01-24/77-235410061171.html

本文使用js来对div层仿title信息的提示功能，鼠标放到文字上就显示title自定义信息，移开鼠标就隐藏，div里的内容可以自定义为各种效果