首页 > 代码库 > html a title 自定义样式显示
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(‘<div id="tooltip">‘ + c + "</div>"); //创建提示框,添加到页面中 $("#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" }) }) } }); });
html a title 自定义样式显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。