input框 下面 紧跟着div弹出层,js取top left数值

来源:未知 责任编辑:责任编辑 发表时间:2013-11-26 22:14 点击:
<form> 
                    <input type="text" id="searchId" onkeyup="showSearch(this)" onblur="hideSearch(this)"/> 
                </form> 
                <div style="width:300px;height:500px;border:1px solid #817F82;display:none;position: absolute;" id="showInfo"> 
                     
                 
                </div> 
<script> 
    var setSearchFlag; 
    function showSearch(obj){ 
        clearSearchFlag(); 
        var w3c=(document.getElementById)? true:false;//w3c 标准 
        var ns6=(w3c && (navigator.appName=="Netscape"))? true: false;//Netscape浏览器 标准的W3C 
        var left,top; 
        if (!ns6){//判断IE 
            var nLt = 0; 
            var nTp = 0; 
            var offsetParent = obj; 
         
            while (offsetParent!=null && offsetParent!=document.body) { 
                nLt += offsetParent.offsetLeft; 
                nTp += offsetParent.offsetTop; 
                offsetParentoffsetParent=offsetParent.offsetParent; 
            } 
            left = nLt; 
            top = nTp + obj.offsetHeight; 
        } else {//标准w3c 
            left = obj.offsetLeft -5; 
            top = obj.offsetTop + obj.offsetHeight; 
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1