TITLE修改样式

 
/*设置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"});
    })
})

猜你喜欢

转载自my.oschina.net/u/3686989/blog/1585586