创建Tooltips方案

出自:
11个出色的创建Tooltips的方案
http://www.qianduan.net/11-excellent-program-to-create-tooltips.html

AjaxCode -- Tooltips:消息提醒框控件
http://www.open-open.com/ajax/Tooltips.htm


1. Easy CSS Tooltip
http://www.kollermedia.at/archive/2008/03/24/easy-css-tooltip/

 

Here is the 4 line magic (3lines css, 1line html):

/* css tooltip */
a:hover
{
    _background
: Transparent;
}
/*BG color is a must for IE6*/
a.tooltip span
{
    display
: none;
    padding
: 6px 10px;
    text-indent
: 0px;
    line-height
: 18px;
}
a.tooltip:hover span
{
    display
: inline;
    position
: absolute;
    background
: #ffffff;
    border
: 1px solid #cccccc;
    color
: #6c6c6c;
    text-decoration
: none;
}
/* end of css 

Easy <class="tooltip" href="#">Tooltip<span>This is the crazy little Easy Tooltip Text.</span></a>.



2. jtip
http://codylindley.com/blogstuff/js/jtip/






3.



posted on 2010-04-21 12:49  黄小二  阅读(191)  评论(0)    收藏  举报