html展开显示样式,html a title 自定义样式显示

$(function() {

// show try product title

$(".tb7_try_box").find("a").each(function(d) {//这里是控制标签

if ($(this).attr('mytitle')) {

var c = $(this).attr('mytitle'); //把title的赋给自定义属性 myTilte ，屏蔽自带提示

var a = 30; //设置提示框相对于偏移位置，防止遮挡鼠标

$(this).mouseover(function(d) { //鼠标移上事件

$("body").append('

' + c + "

"); //创建提示框,添加到页面中

$("#tooltip").css({

left: (d.pageX + a) + "px",

top: d.pageY + "px",

opacity: "0.8",

position:"absolute",

background:"#000",

color:"#fff",

padding:"5px",

}).show(250) //设置提示框的坐标，并显示

}).mouseout(function() { //鼠标移出事件

$("#tooltip").remove() //移除弹出框

}).mousemove(function(d) { //跟随鼠标移动事件

$("#tooltip").css({

left: (d.pageX + a) + "px",

top: d.pageY + "px"

})

})

}

});

});