zoukankan      html  css  js  c++  java
  • 有关div的位置,隐藏显示和移动


    <html>

    <head>

    <script>

    functioninit()

    {block=blockdiv.style

    block.xpos=parseInt(block.left)

    block.ypos=parseInt(block.top)

    }

    functionshowObject(obj)

    {obj.visibility="visible"

    }

    functionhideObject(obj)

    {obj.visibility="hidden"

    }

    function moveto(obj,x,y)

    {obj.xpos=x

     obj.left=obj.xpos

     obj.ypos=y

     obj.top=obj.ypos

    }

    functionmoveby(obj,x,y)

    {obj.xpos+=x

     obj.left=obj.xpos

     obj.ypos+=y

     obj.top=obj.ypos

    }

    </script>

    </head>

    <bodyonload="init()">

    checkvalues:

    <br><ahref="javascript:alert('X:'+block.xpos)">横向位置</a>

    <br><ahref="javascript:alert('Y:'+block.ypos)">竖向位置</a>

    <br><ahref="javascript:showObject(block)">显示</a>

    <br><ahref="javascript:hideObject(block)">隐藏</a>

    <br>移动moveto:

    <br><ahref="javascript:moveto(block,100,200)">(100,200)</a>

    <br><ahref="javascript:moveto(block,200,260)">(200,260)</a>

    <br><ahref="javascript:moveto(block,300,340)">(300,340)</a>

    <br>相对移动moveby:

    <br><ahref="javascript:moveby(block,10,0)">(10,0)</a>

    <br><ahref="javascript:moveby(block,-10,0)">(-10,0)</a>

    <br><ahref="javascript:moveby(block,0,10)">(0,10)</a>

    <br><ahref="javascript:moveby(block,0,-10)">(0,-10)</a>

    <divid="blockdiv"style="position:absolute;left:100;top:200;30;visibility:visible;">

    sktjyerlwo;ekrw;

    <IMG SRC="1.jpg"border=0>

    </div>

    </body>

    </html>

  • 相关阅读:
    代码示例_触摸屏驱动
    代码示例_中断下半部
    代码示例_mmap的实现
    代码示例_阻塞IO
    代码示例_LCD控制
    代码示例_平台总线
    驱动_I2c驱动框架
    驱动_Input输入子系统
    Windows切换桌面或窗口快捷键
    几何分布
  • 原文地址:https://www.cnblogs.com/liaoshiyong/p/3150915.html
Copyright © 2011-2022 走看看