jquery怎么给一个DIV设置坐标

jquery怎么给一个DIV设置坐标,第1张

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<meta name="keywords" content="白菜编辑部">

<title>白菜编辑部</title>

<style type="text/css">

</style>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>

<script type="text/javascript">

jQuery (function ($)

    {

    var div = $ ('div')

    $ ('button').click (function ()

    {

    var left = parseFloat (div.css ('left')) || 0, top = parseFloat (div.css ('top')) || 0

    div.css (

    {

        left : left + 10 + 'px',

        top : top + 10 + 'px'

    })

    })

    })

</script>

</head>

<body>

<div style="position: absolute width: 200px height: 200px border: 1px solid black">div</div>

<button>move</button>

</body>

</html>

你说的意思我倒是看懂了,不过恐怕不太好实现,因为你的DIV是写在子页里的,如果父窗体发生变化,那怎么办?要不你就试试,类似如下你在子页用JS设置:

div.style.cssText="position:absoluteleft:0top:0width:500pxheight:100pxz-index:1background-color: #fffffflayer-background-color: #ffffff"

不过我估计可能实现不了,因为你毕竟是在子页面中。不过如果你在父窗体里设置DIV,然后在IFRAME里调它,是不是更可行一些?


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/tougao/11233496.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存