鼠标悬浮显示消息

有很多网站的信息都应数据字符太多没有全部显示，用。。。替换，如果在上面加个悬浮事件就更显人性化些。

 

贴上代码：

 

css：

 

.test{position:relative;color:#526578;text-decoration:none;font-size:12px;}.test:hover{background:none;}.test span {display: none;}.test:hover span{display:block;position:absolute;top:-30px;left:60px;border-bottom:2px solid #eee;border-right:2px solid #eee;}.test:hover span p{border:1px solid #ccc;background:#fff;color:#000;padding:5px;text-align:left;font-size:12px;}

 

 

jsp：

 

<a class="test" href="#" mce_href="#">${chopBookName[i] }<span><p>${bookinfo[1] }</p></span></a>

 

 

有很多很好的细节方面的功能，希望一起交流 qq412546724