当前位置: 代码迷 >> 综合 >> 自定义鼠标滑过标签的title属性的样式
  详细解决方案

自定义鼠标滑过标签的title属性的样式

热度:33   发布时间:2023-10-24 09:57:00.0
// obj为要高亮显示的html对象
function highlight(obj){var x = 10;var y = 20;var newtitle = '';$(obj).mouseover(function(e) {newtitle = this.title;this.title = '';$('body').append('<div id="tooltip"><div class="inside">' + newtitle + '</div></div>');$('#tooltip').css({'left': (e.pageX + x + 'px'),'top': (e.pageY + y + 'px')}).show();$('#tooltip').height($('.inside').height())}).mouseout(function() {this.title = newtitle;$('#tooltip').remove();}).mousemove(function(e) {$('#tooltip').css({'left': (e.pageX + x + 'px'),'top': (e.pageY + y + 'px')}).show();$('#tooltip').height($('.inside').height())})
}
/*titlet弹框样式*/
#tooltip{position:absolute;border:1px solid #0798FF;background:#0B1541;color:#fff;display:none;line-height: 0.38rem;padding: 0 5px;z-index: 999999;
}

 

  相关解决方案