<div class="box1">11</div>
<div class="box2">12</div>
要做一个效果,box1刚开始是隐藏的,点了box2之后,box1慢慢从box2里面上升,升到他原来的地方。jq该怎么写
<div class="box1">11</div>
<div class="box2">12</div>
要做一个效果,box1刚开始是隐藏的,点了box2之后,box1慢慢从box2里面上升,升到他原来的地方。jq该怎么写
收起
当前问题酬金
¥ 0 (可追加 ¥500)
支付方式
扫码支付
animiate方法就行了,需要将box1预先设置的top存储起来,然后定位到box2去。点击动态移动到原始位置
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<style>
.box1,.box2{position:absolute;left:50%;top:50%;width:100px;height:100px;border:solid 1px #000}
.box1{display:none;top:100px;left:100px;z-index:100}
</style>
<div class="box1">11</div>
<div class="box2">12</div>
<script>
$(function () {
var box1 = $('div.box1'), box2 = $('div.box2')
, box1p = { top: box1.css('top'), left: box1.css('left') };
box1.css({ top: box2.css('top'), left: box2.css('left') });
box2.click(function () {
box1.show().animate(box1p, 1000);
});
});
</script>
报告相同问题?