show-notice
hide-notice

Wednesday 7 August 2013

JQuery UI Button


Introduction:

Enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles.Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.

Example:
<html>
<head>

<title>jQuery UI Button</title>
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"></link>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script>
$(function() {
$( "input[type=submit], a, button" )
.button()
.click(function( event ) {
event.preventDefault();
});
});
</script>
</head>
<body>
<button>A button element</button>
<input type="submit" value="A submit button" />
<a href="https://www.blogger.com/blogger.g?blogID=4695737620265728634#">An anchor</a>
</body>
</html>



SHARE THIS POST   

0 comments :

Post a Comment

Design by Gohilinfotech | www.gohilinfotech.blogspot.com