function popDiv() {
            $("#popdiv").animate({
                    left: 100, top: 100, opacity: 'show'
            }, { duration: 500 });
        }
上面的js是让一个div显示在坐标为100、100的位置上,但是div总是从left:0、top:0 的位置起始出现,现在我想让它从指定的坐标位置开始出现可以吗?网上搜到,说用event.clientX能实现,但是不知道这代码应该写在哪。。

解决方案 »

  1.   

    和这个div的position属性有关吧
      

  2.   

    JQUERY
    $("a.tooltip").mouseover(function(e) {
                var title = this.title;
                var href = $(this).attr("href");
                var tooltip = "<div id='tip'><img src='" + href + "' alt='产品预览'></img><br/>" + title + "</div>";                 $(tooltip).appendTo("body");
                $("#tip").css({
                    "top": e.pageY + "px",
                    "left": e.pageX + "px",
                    "display": "block"
                });
            });
    JS
    <script type=”text/javascript”>        function yanzheng()
      {
       document.getElementById(‘sh’).zuobiao();
        
       document.getElementById(‘apDiv1′).style.top=document.getElementById(‘yzb’).value;
       
             document.getElementById(‘apDiv1′).style.left= document.getElementById(‘xzb’).value;
      }
            </script><style type=”text/css”>
    #apDiv1 {
     position:absolute;
     left:228px;
     top:91px;
     width:290px;
     height:217px;
     z-index:-1;
    }
    </style>    <div>
                  <label for=”xzb”></label>
                 x:
                 <input name=”xzb” type=”text” id=”xzb” size=”5″ />
                y:
                <label for=”yzb”></label>
                <input name=”yzb” type=”text” id=”yzb” size=”5″ />
                <input type=”submit” name=”button” id=”button” value=”提交” onclick=”yanzheng()”/>
    </div><div id=”apDiv1″>FLASH</div>
      

  3.   

    开始的时候设置好left top 确定位置就好了啊 。
      

  4.   


       <div id="popdiv" style='position:absolute;left:100px;top:100px;'></div>