清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | /** * 鼠标移上去显示层 * @param divId 显示的层ID * @returns */ $.fn.myHoverTip = function (divId) { var div = $( "#" + divId); //要浮动在这个元素旁边的层 div.css( "position" , "absolute" ); //让这个层可以绝对定位 var self = $( this ); //当前对象 self.hover( function () { div.css( "display" , "block" ); var p = self.position(); //获取这个元素的left和top var x = p.left + self.width(); //获取这个浮动层的left var docWidth = $(document).width(); //获取网页的宽 if (x > docWidth - div.width() - 20) { x = p.left - div.width(); } div.css( "left" , x); div.css( "top" , p.top); div.show(); }, function () { div.css( "display" , "none" ); } ); return this ; } |
1 2 3 4 5 6 7 8 9 10 11 | 在哪个对象旁边显示DIV,随自己定义,只要定义一个ID即可: 如: <a id= "viewReInfo" href= "#" >查看收件人回执情况</a> 需要显示的DIV,根据需求自己定义,同样只需定义ID即可: 如:<div id= "receiptInfo" class = "receiptInfo" ></div> 调用上面的JS函数,代码如下: $( '#viewReInfo' ).myHoverTip( 'receiptInfo' ); |