用Js展示网页个性title样式
//个性title提示样式 $(function() { $("a").each(function(b) {//这里是控制标签 if (this.title) { var c = this.title; //把title的赋给自定义属性 myTilte ,屏蔽自带提示 var a = 30; //设置提示框相对于偏移位置,防止遮挡鼠标 $(this).mouseover(function(d) { //鼠标移上事件 this.title = ""; $("body").append('<div id="tooltip">' + c + "</div>"); //创建提示框,添加到页面中 $("#tooltip").css({ left: (d.pageX + a) + "px", top: d.pageY + "px", opacity: "0.8" }).show(250) //设置提示框的坐标,并显示 }).mouseout(function() { //鼠标移出事件 this.title = c; //重新设置title $("#tooltip").remove() //移除弹出框 }).mousemove(function(d) { //跟随鼠标移动事件 $("#tooltip").css({ left: (d.pageX + a) + "px", top: d.pageY + "px" }) }) } }) });
补充:web前端 , JavaScript ,