扩展和覆盖框
扩展和覆盖框
提问于 2011-09-16 23:57:13
我期待着找到一个jQuery代码，允许我具有以下行为(在图片中)。因此，我有一个如下所示的网格，如果有人点击红色区域( DIV)，div将覆盖(在顶部)周围的框(从右或左两个框，一个在下面或在顶部)，如果他再次单击，div将回到其正常位置和大小我不知道如何实现这一点？如果有人能帮上忙，我将不胜感激。
阶段1：http://img341.imageshack.us/img341/461/stage1.jpg
阶段2：http://img153.imageshack.us/img153/9601/stage2n.jpg
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-09-17 00:12:03
这花了我比我愿意承认的更长的时间：
http://jsfiddle.net/d4DZd/
诀窍是克隆元素并生长该元素，而不是原来的元素，以便元素保持其位置。
Stack Overflow用户
发布于 2011-09-17 00:04:25
是像这样吗？
http://jsfiddle.net/kbPqU/
$(".box-spec").click(function() {
var cover_width = 3,cover_height = 3;
$("body").prepend('<div class="box-spec" style="width:' + ((128 + 10) * cover_width) + 'px;height:' + ((128 + 10) * cover_height) + 'px"></div>');
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7447410
复制相关文章
相似问题
腾讯云开发者
