jQuery动态修改DIV位置

html-css011

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>

’使用jq获取left组件的百分此如下例如:$("#righttd:first").offset().top

$(document).ready(function() {

$("#nameit").blur(function() {

$("#msgdiv").css({

top : $("#righttd:first").offset().top,

left : $("#righttd:first").offset().left - 40,

visibility:"visible"

})

})

$("#nameit").focus(function() {

$("#msgdiv").css({

visibility:"hidden"

})

})

})

首先js里面不存在-这个东西,其次你的border-color是拼写错误的,再次,border-color就是边框颜色,没有1px 和solid一说,综上所述。你的jq应该是这样

$(this).css({'borderColor':'1px solid red'})