html a title 自定义样式显示

浏览数：33 / 时间：2015年06月09日

    $(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"
                    })
                })
            }
        });
        
    });

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。