html标签里面修改title样式

默认的title不能设置样式，但我们可以通过js和css实现title的功能。

CSS样式：

 
   /*修改提示框*/
    #mytitle {
        position: absolute;
        color: #ffffff;
        max-width: 160px;
        font-size: 14px;
        padding: 4px;
        background: rgba(40, 40, 40, 0.8);
        border: solid 1px #e9f7f6;
        border-radius:5px;
    }

HTML代码：

    个性样式

JS代码：

 
$(function () {
        var x = 10;
        var y = 20;
        var newtitle = '';
        $('span.mytooltip').mouseover(function (e) {
            newtitle = this.title;
            this.title = '';
            $('body').append('
' + newtitle + '

‘);
$(‘#mytitle’).css({
‘left’: (e.pageX + x + ‘px’),
‘top’: (e.pageY + y – 80 + ‘px’)
服务器托管网 }).show();
}).mouseout(function () {
this.title = newtitle;
$(‘#mytitle’).remove();
}).mousemove(function (e) {
$(‘#mytitle’).css({
‘left’: (e.pageX + x +10 + ‘px’),
‘top’: (e.pageY + y – 60 + ‘px’)
}).show();
})
});服务器托管，北服务器托管网京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net

相关推荐: OpenSergo & Dubbo 微服务治理最佳实践

*作者：何家欢，阿里云 MSE 研发工程师 Why 微服务治理？ 现代的微服务架构里，我们通过将系统分解成一系列的服务并通过远程过程调用联接在一起，在带来一些优势的同时也为我们带来了一些挑战。 如上图所示，可以看到词云中所展示的都是目前微服务架构在生产上所遇到…