//实现的功能是:小问号上动态显示文本框,文本框的内容是不定长的。
//目前的问题是文本框在缩放浏览器窗口时,定位出错。(top不正确)
$.fn.hintUl = function(x,text){//x是文本框的width,text是文本框内容
if($("#dtts1").length <= 0){//dtts1是文本框元素
$(document).find("body").append("<ul id='dtts1'><li></li></ul>");
}
var $dtts = $("#dtts1");
$dtts.hover(function(){$(this).show();},function(){$(this).hide();});//动态显示文本框内容
$(this).hover(function(){//this是指小问号元素
$dtts.find('li').html(text);//文本框加入内容
var left=$(this).offset().left-x;//计算文本框left,正确!
//计算文本框的top,有问题!!
//$(this).offset().top是固定的。
//$dtts.height()是文本框高度,在缩放浏览器后第一次计算出错,第二次正常。
var top=$(this).offset().top-$dtts.height()-5;
$dtts.css({ "left":left, "top":top }).show();
},function(){
$dtts.hide();//隐藏文本框
});
}
应该不是加载速度的问题,如果是加载过慢,$dtts.height()是偏小,实际偏大。
烦请各位高手帮我看看!!多谢多谢!
--
FROM 114.251.86.*