jquery Style for html element
Style to be applied colored div.
This tutorial is for changing border style of html element paragraph,div etc.
For this purpose we follow these steps.
For this purpose we follow these steps.
- Include jquery http://www.programmingduniya.com/main/view/javascript/jquery/jquery.corner.js
- then use id of your html element where we want to change border
$("#id").corner(stylename parameter);
- In above way we pass appropriate style for desired result
| Name | stylename parameter |
|---|---|
| Bevel | bevel |
| Notch | notch |
| Bite | bite |
| Cool | cool |
| Sharp | sharp |
| Slide | slide |
| Jut | jut |
| Curl | curl |
| Tear | tear |
| Fray | fray |
| Wicked | wicked |
| Sculpt | sculpt |
| Long | long |
| Dog Ear | dog |
| Dog2 | dog2 |
| Dog3 | dog3 |
| Dogfold | dogfold |
| Bevelfold | bevelfold |
| Steep | steep |
| InvSteep | invsteep |
Detailed programme
<html>
<head>
<style>
span { background-color:green;color:white;padding:10px;font-size:15px; }
</style>
<script src="http://www.programmingduniya.com/common/jquery/showhide.js"></script>
</head>
<body>
<div id="myDiv" style=" background-color: #92cd37;width:100px;height:100px;">
</div>
<script type="text/javascript">
$('#myDiv').corner("cool");
</script>
</body>
</html>
<head>
<style>
span { background-color:green;color:white;padding:10px;font-size:15px; }
</style>
<script src="http://www.programmingduniya.com/common/jquery/showhide.js"></script>
</head>
<body>
<div id="myDiv" style=" background-color: #92cd37;width:100px;height:100px;">
</div>
<script type="text/javascript">
$('#myDiv').corner("cool");
</script>
</body>
</html>
No comments:
Post a Comment