jQuery scale div内容（嵌套div）

How can I get the blue box to scale with the red one? (using jQuery-UI)

如何将蓝色框与红色框一起缩放？（使用jQuery-UI）

http://jsfiddle.net/Y54EB/1/

This is the basic code, CSS:

这是基本代码，CSS：

#outer {
    position:relative;
    height:100px;
    width:150px;
    z-index:1;
    background:#F00;
}
#nested {
    position:absolute;
    left:50px; top:20px;
    width:50px; height:20px;
    z-index:2;
    background:#00F;
    cursor:pointer;
}

And HTML:

和HTML：

<div id="outer">
<div id="nested" onclick="$('#outer').effect('scale', {scale:'content',percent:50}, 1000);" />
</div>

4 个解决方案

#1

I realize this is old, but if I understand you correctly, I was trying to achieve the same thing and came across this jQuery plugin that does the job:

我意识到这是旧的，但如果我理解正确，我试图实现同样的事情，并遇到了这个jQuery插件，它完成了这项工作：

https://github.com/heygrady/transform/wiki

4 个解决方案

#1

更多相关文章

随机推荐