Всплывающие подсказки, полностью аналогичные стандартным, за исключением кроссбраузерной работы с использованием jQuery и крохотным количеством кода.
заменить js/tooltips.js на
Код:
this.tooltip = function(){
xOffset = 6;
yOffset = 16;
jQuery("[title]").hover(function(e){
this.t = this.title;
this.title = "";
jQuery("body").append("<p id='tooltip'>"+ this.t +"</p>");
jQuery("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.show();
},
function(){
this.title = this.t;
jQuery("#tooltip").remove();
});
jQuery("[title]").mousemove(function(e){
jQuery("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
jQuery(document).ready(function(){
tooltip();
});в стиле темы заменить селектор #tooltip на этот
Код:
#tooltip {
position:absolute;
border:1px solid #555;
background-color: #eee;
padding:2px 5px;
color:#555;
border-left: 7px solid #555;
display:none;
z-index: 100;
}