jQuery动态修改DIV位置

jQuery动态修改DIV位置,第1张

修改div的位置,其实就是修改div的left和top值。

思路:

先选出div这个对象。

修改div的left和top值。

下面是代码:

<script src="jquery-1.7.2.js"></script>

    <body>

     <div style="width:100px height:100px background:#ccc position:absolute left:100px top:100px" id="div"></div>

    </body>

    <script>

 $('#div').css({'left':'300px','top':'300px'})

    </script>

jquery:返回 <p>元素的 top 和 left 位置:

$("button").click(function(){

x=$("p").position()

alert("Top: " + x.top + " Left: " + x.left)

})

position() 方法返回第一个匹配元素的位置(相对于它的父元素)。

该方法返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

给1设置一个宽度和高的假如是500*400;给1设置绝对定位 然后设置left和top都为50%;再设置margin-left:-250pxmargin-top:-200px就可以居中了,然后设置z-index层级为99.让2变黑的话就添加一个mask层,设置一个div的标签名为mask。设置position为fixed;并设置他的left,top,right,bottom值都为0.然后设置background-color:#000opacity:0.2z-index:98;用js设置d出1的时候显示mask就可以了


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

原文地址: http://outofmemory.cn/bake/11653310.html

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

发表评论

登录后才能评论

评论列表(0条)

保存