JQuery的圆角合并的div

有谁知道是否有任何插件，它做的圆角，但它做的几个元素让它们结合圆润像shown here的印象 - 具体而言，我想内角圆角和外角。JQuery的圆角合并的div

黑色轮廓代表元素的限制，蓝色代表最终结果。

我编辑了图像，所以它更清楚我的意思。

来源

2012-02-15 Rochel

这个问题很明显是泥巴。 – 2012-02-15 23:03:36

Rochel，请阅读这个问题。然后告诉我们你是否认为我们可以用目前的形式回答它。除了一个圆角插件，我不知道你在问什么。 – 2012-02-15 23:05:35

编辑的问题。罗谢尔，如果我犯了一个错误，请重新编辑重新填写。 – 2012-02-15 23:07:58

如果您事先知道哪些元素需要圆角，您可以使用任何圆角插件来做到这一点！

如果div在标记中相邻，则应该可以使用jQuery的:first-child和:last-child选择器来完成此操作。如果您的结构更复杂，则可能需要将特定角标记为需要舍入的角。

来源

2012-02-15 23:11:50

好吧，我明白你们所有的意思，但问题是越来越这个角落[链接]（http://imageshack.us/photo/my-images/715/51567352.jpg/） – Rochel 2012-02-16 02:02:27

据我所知，您想要选择样式中的第一个和最后一个元素，并使其四舍五入。之间的任何事情都应该放在一边。对？

所以，像这样的jQuery-snippet应该做你想做的。

$("myDivs").first().css({ 
    "border-top-left-radius": "2px", 
    "border-bottom-left-radius": "2px" 
}.end().last().css({ 
    "border-top-right-radius": "2px", 
    "border-bottom-right-radius": "2px" 
}

为清楚：到底（）首先以前调用后返回到选择$（“myDivs”），允许我们选择的最后一个元素。

来源

2012-02-15 23:11:59 knub

不，我想要的确切相反，我希望所有的角落都是圆角的，但是要尊重正确的流程......想象你做了一个布尔合并，然后在一些矢量编辑程序中应用一些舍入技术。我后面的效果在视觉上完全相同。 – Rochel 2012-02-16 18:58:36

你想要jQuery Corner插件。它说

使用top，bottom，left，right，tl，tr，bl，br来识别的风格，边角

这里是你会怎么做你所描述的：

<script type="text/javascript"> 
    $("#element-1").corner("left"); 
    $("#element-2").corner("right"); 
</script> 

<div id="element-1" style="float:left"></div> 
<div id="element-2" style="float:right"></div>

您可以download it here。

来源

2012-02-15 23:12:44 BenjaminRH

JQuery的圆角合并的div

回答

相关问题