TITLE修改样式

最新推荐文章于 2022-12-23 12:23:21 发布

weixin_34318272

最新推荐文章于 2022-12-23 12:23:21 发布

阅读量254

点赞数 1

文章标签：前端 ViewUI

原文链接：https://my.oschina.net/lslDn/blog/1585586

版权

为什么80%的码农都做不了架构师？>>>

/*设置title样式*/
.tpTitle{
   border:1px solid #dcdcdc;
   background:#ff8000;
   position:absolute;
   padding:1rem;
   color:#fff;
   display:none;
   border-radius: 5px;
   right: 22px;
}

/*title样式函数*/
$(function(){
    var y=20;
    $(".F-table tr>td:nth-child(5),h1").mouseover(function(e){//触发元素的ID；可多个
        if(this.title != ''){
        this.myTitle=this.title;
        this.title="";
        var tooltip="<div class='tpTitle'>"+this.myTitle+"</div>"; //创建DIV元素 
        $("body").append(tooltip); //追加到文档中 
        $(".tpTitle").css({"top": (e.pageY+y) + "px","left": "20px"}).show(); //设置X Y坐标， 并且显示
        }
    }).mouseout(function(){
        this.title=this.myTitle;
        $(".tpTitle").remove();    //移除
    }).mousemove(function(e){
        $(".tpTitle").css({"top": (e.pageY+y) + "px","left": "20px"});
    })
})

转载于:https://my.oschina.net/lslDn/blog/1585586