div悬浮提示框

var tip = {
        $ : function(ele) {
            if (typeof (ele) == "object")
                return ele;
            else if (typeof (ele) == "string" || typeof (ele) == "number")
                return document.getElementById(ele.toString());
            return null;
        },
        mousePos : function(e) {
            var x, y;
            var e = e || window.event;
            return {
                x :e.clientX + document.body.scrollLeft
                        + document.documentElement.scrollLeft,
                y :e.clientY + document.body.scrollTop
                        + document.documentElement.scrollTop
            };
        },
        start : function(obj) {
            var self = this;
            //var t = self.$("showImgDiv");
            //var t = $("#showImgDiv");
            var t = $("#"+obj.getAttribute("imgDivObj"));
            obj.onmousemove = function(e) {
            /*
                var mouse = self.mousePos(e);
                t.style.left = mouse.x + 10 + 'px';
                t.style.top = mouse.y + 10 + 'px';
                var imgSrc = obj.getAttribute("imgSrc");
                var imgWidth = obj.getAttribute("imgWidth");
                t.innerHTML = "<img width="+imgWidth+" src='"+imgSrc+"'></img>";
                t.style.display = '';
            */
                var mouse = self.mousePos(e);
                var x = mouse.x;
                var y = mouse.y;
                t.css("left",x-210);
                  t.css("top",y-110);
                  t.css("z-index",100);
                var imgSrc = obj.getAttribute("imgSrc");
                var imgWidth = obj.getAttribute("imgWidth");
                t.html("<img width="+imgWidth+" src='"+imgSrc+"'></img>");
                //alert("a-->"+x+"   y-->"+y+"   "+t.html());
                t.show();
            }
            obj.onmouseout = function() {
                //t.style.display = 'none';
                t.hide();
            }
        }
    }


<td align="left" οnmοuseοver="tip.start(this)" imgDivObj="imgDiv3" imgWidth="300" imgSrc="${indexConfig.img01 }">
        ${indexConfig.img01 }
</td>


<div id="imgDiv3" style="position: absolute; left: 0; top: 0; display: none;"></div>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值