Question

这是一个例子

当您将鼠标悬停在任何链接上时，会弹出一个窗口..（它将加载文本）

问题是我应该能够根据元素的位置（链接）调整窗口大小/重新定位，是否可能？

截至目前，我正在根据元素定位hoverwindow ..如果元素大于（width / 2），如果不在左侧显示悬停，则悬停将显示在左侧..

如何根据顶部和底部定位hoverwindow？

 $("a").hover(
 function () {
    var a1="";
     var a1=$(this).get()
    var a1="";
    var a1=$(this).get() 
    var width1= $(window).width();
    var width2= width1/2;
    alert(width2);
    var p = $(this);
    var position = p.position();
    var left=position.left;
    if (left<width2)
    {
       $(this).append($("<div id='a1' style='clear:both;float:left;font-weight:normal;font-size:12px;display:inline-block;line-height:1.25em;position:relative;left:0px;font-family:Arial;text-decoration:none;font-size:12px;margin-top:10px;width:800px;height:375px;overflow:scroll;padding:10px;z:100000px;margin-left:2px;font-family:Arial;color:#000000;background:#FFFFFF;border: 1px solid #8C8C8C;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;'>"+"Loading"+"</div>"));
    }
    else
    {
       $(this).append($("<div id='a1' style='clear:both;float:left;font-weight:normal;font-size:12px;display:inline-block;line-height:1.25em;position:relative;left:0px;font-family:Arial;text-decoration:none;font-size:12px;margin-top:10px;width:800px;height:375px;overflow:scroll;padding:10px;z:100000px;margin-left:2px;font-family:Arial;color:#000000;background:#FFFFFF;border: 1px solid #8C8C8C;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;'>"+"Loading"+"</div>"));
    }
 });

如何根据父窗口大小调整悬停窗口的大小

0 个答案: