www.webdeveloper.com
Results 1 to 7 of 7

Thread: Jquery Rounded Corners

Threaded View

  1. #1
    Join Date
    Dec 2011
    Posts
    39

    Jquery Rounded Corners

    Dear Experts,

    I have following codes

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <META content="text/html; charset=windows-1252" http-equiv=Content-Type>
    <META name=GENERATOR content="MSHTML 8.00.7600.16912">
    
    <style type="text/css">
    
    .back	{clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;}
    
    h3	{color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;}
    
    #box	{width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;}
    </style>
    
    <script type="text/javascript" src="jquery-1.7.1.js"></script>
    <script type="text/javascript" src="jquery.corner.js"></script>
    
    <script type="text/javascript">
    $(document).ready(function(){
    $('input[name="RD"]').click(function(){
    alert("Please note \n Image corners will be rounded now")
            $("imgBox").corner("35px");
        });
      });
    
    </script>
    
    </head>
    
    <body>
    <center>
    <h1>JQuery Tutorials</h1>
    
    <div id="box">
    	<H3>Rounded Corners</H3>
    	<div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br>
    	<input type="submit" class="back" name="RD" value="Apply">
    </div>
    </center>
    
    </body>
    
    </html>
    I want to apply rounded corners to image.
    For this when I press Apply button, then it does not work.
    Please help me to locate where is what is wrong with my codes.

    The attachment contains HTML file and Libraries.

    Thanks
    Attached Files Attached Files

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles