随笔-7  评论-24  文章-102  trackbacks-0

出自:
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 黄小二 阅读(287) 评论(0)  编辑  收藏 所属分类: Ajax

只有注册用户登录后才能发表评论。


网站导航: