您的位置:首页 > Web前端 > JQuery

jquery控制层不超出屏幕范围

2012-11-13 17:04 295 查看
$(document).ready(function(){
var _lll= $(window).width();
var _mmm = 0;
$(".valuation li img").mouseover(function(e){
titles=$(this).attr("title");
$(this).attr("title","");
$(".valuation li").append("<div class='valtip'>"+titles+"</div>");
var _kkk= $(this).position().left;
var _jjj= $(".valtip").width()+84;
if(e.pageX+10+_jjj>=_lll){
_mmm=_lll-_jjj-10;
}
else{
_mmm =e.pageX+10;
}
$(".valtip").css({"top":(e.pageY+10)+"px","left":(_mmm)+"px"});
}).mousemove(function(e){
var _kkk= $(this).position().left;
var _jjj= $(".valtip").width()+84;
if(e.pageX+20+_jjj>=_lll){
_mmm=_lll-_jjj-10;
}
else{
_mmm =e.pageX+10;
}
$(".valtip").css({"top":(e.pageY+10)+"px","left":(_mmm)+"px"});

}).mouseout(function(){
$(".valtip").remove();
$(this).attr("title",titles);
})
$(window).bind("resize",function(){
_lll=$(window).width();
});
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: