200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html展开显示样式 html a title 自定义样式显示

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

时间:2022-06-17 17:01:38

相关推荐

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"

})

})

}

});

});

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