
代码如下:
<&#47script>
$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass")
$(this).addClass("liclass")
})
})
<&#47script>
li
{
border: 1px solid #ABC
display: block
width: 100px
height: 50px
float: left
margin: 10px
text-align: center
}
.liclass{ margin-top:-2px}
代码如下:
<&#47script>
$(function () {
$("ul li").hover(function () {
$("ul li").removeClass("liclass")
$(this).addClass("liclass")
})
})
<&#47script>
li
{
border: 1px solid #ABC
display: block
width: 100px
height: 50px
float: left
margin: 10px
text-align: center
}
.liclass{ margin-top:-2px}
你给你要移动的div 加上样式 margin: 1px 2px 3px 4px意思是这个div 的上右下左的外边距分别是1px,2px,3px,4px 这些数字也可以是负数,单个表示的话又分为margin-top: 2px/*上边距是2px*/
margin-left: 2px /*左边距是2px*/
margin-right: 2px /*右边距是2px*/
margin-bottom: 2px /*下边距是2px*/
数字如果是负数的话,比如
margin-top: -2px /*向上移动2px*/
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)