jquery圆角

这可能听起来很愚蠢，但我不知道如何实现jquery的圆角（ http://www.methvin.com/jquery/jq-corner-demo.html ）。 我的javascript-fu完全失败，我似乎无法让它在我的页面上工作。 任何人都可以向我展示一个简单的HTML和JavaScript示例，用于展示它们吗？ 为我的白痴道歉。

Answer 1

1. 这件事在Safari和谷歌浏览器中不起作用。

2. 您需要在页面中包含jquery.js 。 不要忘记有一个单独的结束标记。

3. 您还需要在页面中包含jQuery Corner Plugin JavaScript文件（ jquery.corner.js ）。

4. 在你的页面的某个地方你应该有你想要角落的

   ：

   Hello World!

5. 页面中的其他位置，最好不在div本身之前，发出以下JavaScript命令。 这将在页面加载并准备好操作时执行内部函数。

6. 你完成了！ 如果没有，请告诉我。

Answer 2

Methvin http://www.methvin.com/jquery/jq-corner-demo.html jquery角落还可以，工作正常，但是…还有更多美丽的选择：

 http://blue-anvil.com/jquerycurvycorners/test.html 

您甚至可以使用该库来制作圆形图像。

而且非常重要： – 2008年7月18日 – 现在可以在IE6,7，safari和所有其他现代浏览器中使用。 修正了居中的错误。

所以，请从以下url下载jQuery Curvy Corners 2.0.2 Beta 3：

 http://code.google.com/p/jquerycurvycorners/downloads/list 

并且你必须首先加载jquery核心库，所以你的HEAD的例子可以是：

其中：tl，tr，bl，br是左上角，右上角等……

接下来，您的BODY区域：

和？

就是这样:)

链接到图像：

 http://img44.imageshack.us/img44/3638/corners.jpg 

…并准备使用代码：

         
content
   

只需复制，粘贴，享受:)

Answer 3

1）确保加载了jquery 2）确保加载了角落lib 3）在准备好的回调中，使用选择器抓住你想要效果的div并调用角落方法

 $(document).ready(function() { $("#idofdiv").corners(); });