javascript - jquery round corners

Question

This probably sounds really stupid but I have noo idea how to implement jquery's rounded corners (http://www.methvin.com/jquery/jq-corner-demo.html). My javascript-fu is complete fail and I can't seem to get it to work on my page. Can anyone show me a simple example of the HTML and JavaScript you would use to get them to show? Apologies for my idiocy.

Answer 1

1. This thing does not work in Safari & Google Chrome.

2. You need to include jquery.js in your page. Don't forget to have a separate closing tag.

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

3. You need to include the jQuery Corner Plugin JavaScript file (jquery.corner.js) in your page as well.

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

4. Somewhere in your page you should have the <div> you want to have corners:

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

5. Somewhere else in your page, preferably not before the div itself, issue the following JavaScript command. This will execute the inner function when the page is loaded and is ready to be manipulated.

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

6. You're done! If not, let me know.