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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM