单纯使用CSS实现动态提示信息

  也许已经有人发现可以这样写...

  CSS代码部分

  a.info {

  position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }

  a.info:hover {

  z-index:1; background-color:#ff0 }

  a.info span {

  display: none }

  a.info:hover span {

  display:block; position:absolute; top:12px; left:2px; width:160px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }

  body区调用方法

  1.<a class="info" href="javascript:;"><b>需要添加注释的文本</b><span>提示信息</span></a>

  2.<a class="info" href="javascript:;"><img src="需要添加注释的图片"><span>提示信息</span></a>

  

   [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]