Home > JQuery > Tab Round by jquery

Tab Round by jquery

Tab Round Example:

At First you can download jquery with jquery corners js.Then apply below this code.

<html>
<head>
<script type=”text/javascript” src=”http://localhost/js/jquery.js”></script&gt;
<script type=”text/javascript” src=”http://localhost/js/jquery.corners.js”></script&gt;

<script type=”text/javascript”>
jQuery().ready(function() {
jQuery(“.yourclassname a”).corner(“5px”);
});
</script>

<style type=”text/css”>
.yourclassname a{width: 250px; float:left; height: 35px; background: url(“../images/genbutton_35.png”) left top; text-decoration: none;}
.yourclassname a:hover{ width:250px; height:35px; float:left; background: url(“../images/genbutton_35.png”) left bottom;text-decoration: none;}
</style>

</head>

<body>
<div align=”center” class=’yourclassname’>
<a href=”#” ><div><div>Signup</div></div></a>
</div>
</body>

</html>

Advertisements
Categories: JQuery
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: