</pre><pre name="code" class="javascript">$(function() { $("a[title]").each(function() { var a = $(this); var title = a.attr('title'); if (title == undefined || title == "") return; a.data('title', title) .removeAttr('title') .hover( function () { var offset = a.offset(); $("<div id=\"anchortitlecontainer\"></div>").appendTo($("body")).html(title).css({ top: offset.top + a.outerHeight() + 10, left: offset.left + a.outerWidth() + 1 }).fadeIn(function () { var pop = $(this); setTimeout(function () { pop.remove(); }, pop.text().length*80); }); }, function() { $("#anchortitlecontainer").remove(); } ); }); });
#anchortitlecontainer { position: absolute; z-index: 5999; border: solid 1px #315B6C; padding: 5px; color: #315B6C; background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; display: none; } #anchortitlecontainer:before { position: absolute; bottom: auto; left: -1px; top: -15px; border-color: transparent transparent transparent #315B6C; border-style: solid; border-width: 15px; content: ""; display: block; width: 0; } #anchortitlecontainer:after { position: absolute; bottom: auto; left: 0px; top: -13px; border-color: transparent transparent transparent #FFFFFF; border-style: solid; border-width: 15px; content: ""; display: block; width: 0; }
自定义html中a标签的title提示tooltip,布布扣,bubuko.com
原文:http://blog.csdn.net/leewhoee/article/details/20520981