当前位置: 懒人建站 > JS代码 > 网页特效 >

鼠标划过显示title说明并且title属性支持html代码

鼠标划过链接显示title说明,并且title属性支持html代码。也就是可以在title属性中添加任何内容, 这对于提高用户体验非常有帮助。这个效果完全可以做出和迅雷那种鼠标划过链接产生
分享到:

代码说明:

鼠标划过链接显示title说明,并且title属性支持html代码。也就是可以在title属性中添加任何内容,

这对于提高用户体验非常有帮助。

这个效果完全可以做出和迅雷那种鼠标划过链接产生的效果一模一样。

主要修改的CSS样式如下:

DIV#qTip {
 BORDER: #abab98 1px solid;
 DISPLAY: none;
 FONT-SIZE: 12px;
 Z-INDEX: 1000;
 BACKGROUND: #fefeda;
 COLOR: #5f5f52;
 LINE-HEIGHT: 16px;
 FONT-FAMILY: "Tahoma";
 POSITION: absolute;
 TEXT-ALIGN: left;
 padding:4px;
 margin-top:-4px;
}

这个样式用来控制title属性显示的那个方框样式的。

其他的样式均非必须可自行设置成你喜欢的。

来源:懒人建站|发布人:懒人建站|2009-11-19|热度:|收 藏|报 错


相关代码

懒人建站

登 录| 注 册
你也许会喜欢X 关闭↑返回顶部→相关代码/文章
收藏到: 百度搜藏 新浪微博 QQ空间 更多
香港免备案空间,一年80元,500M空间、免费送100M mysql数据库。香港新世界电讯机房,与万网香港空间同机房,懒人建站同服务器。点击这里给我发消息速度演示:jquery 特效