900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 自定义鼠标滑过标签的title属性的样式

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

时间:2019-12-02 16:35:03

相关推荐

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

// 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;}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。