a86356 2015-04-16 22:24 采纳率: 28.6%
浏览 1675
已采纳

jq的弹出层的一个问题

 <div class="box1">11</div>
<div class="box2">12</div>

要做一个效果,box1刚开始是隐藏的,点了box2之后,box1慢慢从box2里面上升,升到他原来的地方。jq该怎么写

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2015-04-17 00:19
    关注

    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>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥15 C语言代码改正特征选择算法设计,贝叶斯决策,,设计分类器
  • ¥15 String 类valuve指向的问题
  • ¥15 在ros2的iron版本进行编译时遇到如下问题
  • ¥18 vs用setup project打包项目实现安装完立即运行
  • ¥15 孟德尔随机化TwoSampleMR在线提取结局数据,遇到Error in check_reset(override_429)的问题
  • ¥15 ONNX转RKNN遇到问题
  • ¥60 以太网电缆未接通怎么处理
  • ¥15 关于超声图片进行放射组学的疑问
  • ¥20 已经有功率放大电路图,具体每个元器件的参数怎么算?
  • ¥15 用GIS怎么提取出一个城市的中心城区
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部