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