Sweet Titles - 气泡窗口 - 鼠标提示信息美化

利用CSS+JS对鼠标移到链接处出现的提示信息加以美化的代码。

1.先下载Sweet Titles的插件.
2.在页面Body处插入如下:

< script  type ="text/javascript"  src ="/js/addEvent.js" ></ script >   <!-- 填入正确的js文件地址 -->  
< script  type ="text/javascript"  src ="/js/sweetTitles.js" ></ script >   <!-- 填入正确的js文件地址 -->

3.然后在CSS文件里添加如下:

body div#toolTip  {...} {  position:absolute; 
z-index:1000; 
width:220px; /**//*气泡窗口最大宽度.*/ 
background:#000; /**//*气泡窗口背景颜色.*/ 
border:2px double #fff; /**//*气泡框边缘线粗细,线的类型以及颜色.*/ 
text-align:left; 
padding:5px; 
min-height:2em; 
-moz-border-radius:5px; /**//*FireFox专用,用来圆弧划边缘的四角.*/ 
}  

body div#toolTip p  {...} { 
margin:0; 
padding:0; 
color:#fff; /**//*说明文字颜色*/ 
font:11px/12px verdana,arial,sans-serif; 
}  

body div#toolTip p em  {...} { 
display:block; 
margin-top:3px; 
color:#f60; /**//*地址文字颜色*/ 
font-style:normal; 
font-weight:bold; 
}  

body div#toolTip p em span  {...} { 
font-weight:bold; 
color:#fff; 
}

4.完成。

附：可以通过修改sweetTitles.js文件里的opacity参数调整气泡框的透明度.默认为80

this.tip.style.opacity = '.80';
this.tip.style.filter = "alpha(opacity:80)";