jquery圆角

Question

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

Answer 1

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

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

   <script type="text/javascript" src="jquery.js"></script>

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

   <script type="text/javascript" src="jquery.corner.js"></script>

4. 在您页面的某个位置,您应该<div>想要拥有角落:

   <div id="divToHaveCorners" style="width: 200px; height: 100px; background-color: #701080;">Hello World!</div>

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

   <script type="text/javascript">$(function() { $('#divToHaveCorners').corner(); } );</script>

6. 你完成了!如果没有,请告诉我.