Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 编程语言 > .NET > C#.NET > javascript设置DIV位置
【标  题】:javascript设置DIV位置
【关键字】:javascript,DIV
【来  源】:http://blog.csdn.net/shixin1198/archive/2007/04/15/1565154.aspx

javascript设置DIV位置

Your Ad Here  

<div id="myDIV" style="z-index: 9999999; position: absolute; display: none; height: 210px;width350px">

<table>

            <tr style="height: 25px">

                <td class="ModiHead" align="center">

                    各阶段版本信息</td>

            </tr>

            <tr style="height: 100%">

                <td>

                    <div style="visibility: inherit; overflow: auto; width: 100%; height: 100%">

                        <iframe frameborder="0" id="VersionFrame" src="" style="border: 0px; height: 100%;

                            width: 100%;"></iframe>

                    </div>

                </td>

            </tr>

            <tr style="height: 25px">

                <td class="ModiHead" align="center">

                    <a style="cursor: hand" onclick="javascript :document.all['myDIV'].style.display='none';">

                        关 闭</a></td>

            </tr>

        </table>

 

 

/*显示DIV*/

function showDIV()

{

    /*获取当前鼠标左键按下后的位置,据此定义DIV显示的位置*/

    var leftedge    = document.body.clientWidth-event.clientX;

    var bottomedge  = document.body.clientHeight-event.clientY;

   

    /*如果从鼠标位置到窗口右边的空间小于DIV的宽度,就定位DIV的左坐标(Left)为当前鼠标位置向左一个DIV宽度*/

    if (leftedge < myDIV.offsetWidth)

    {

        myDIV.style.left = document.body.scrollLeft + event.clientX - myDIV.offsetWidth;

    }

    else

    {

        /*否则,就定位DIV的左坐标为当前鼠标位置*/

        myDIV.style.left = document.body.scrollLeft + event.clientX;

    }

   

   

    /*如果从鼠标位置到窗口下边的空间小于DIV的高度,就定位DIV的上坐标(Top)为当前鼠标位置向上一个DIV高度*/

    if (bottomedge < myDIV.offsetHeight)

    {

        myDIV.style.top = document.body.scrollTop + event.clientY - myDIV.offsetHeight;

    }

    else

    {

        /*否则,就定位DIV的上坐标为当前鼠标位置*/

        myDIV.style.top = document.body.scrollTop + event.clientY;

    }

   

    /*设置DIV可见*/       

    myDIV.style.display = "block";

   

    return false;

}

显示时间:【上一篇】
浅析JavaScript实用的一些技巧:【下一篇】
【相关文章】
  • UpdatePanel 内部的JavaScript 问题—— C#弹出对话框
  • javascript 和 上传文件的问题
  • div下图片自适应解决方法
  • 转贴:JavaScript 对象与数组参考大全
  • [原创]JavaScript版仿Windows扫雷(源码2)
  • Web 2.0应用存在缺陷 Javascript导致泄密
  • 使用Javascript制作连续滚动字幕
  • 利用JavaScript实现无刷新验证功能
  • javascript--一种奇怪的语言
  • 日期控件,javascript
  • 【随机文章】
  • 一个从正整数的10进制转到正整数的8和2进制的perl脚本
  • 思科CCNA考试实验常用的命令总结
  • 综合业务光网络运营模式
  • 宽带以太网接入技术分析
  • 撤销与反撤销 功能实现
  • 句柄的本质
  • JSP-动态网页新的选择
  • seagate st39216n
  • 怪物史莱克2剧情攻略
  • FreeBSD pf 中文FAQ
  • 【相关评论】
    没有相关评论
    【发表评论】
    姓名:
    邮件:
    随机码*
    评论*
          
    |  首 页  |  版权声明  |  联系我们   |  网站地图  |
    CopyRight © 2004-2007 bbb软讯网络 All Rigths Reserved.