Code:
<html lang="en">
<head>
<title>JQueryexamplecode.blogspot.com</title>
<script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
Font size <a href="https://www.blogger.com/blogger.g?blogID=6795235206473427689#" id="incr">Increase</a> <a href="https://www.blogger.com/blogger.g?blogID=6795235206473427689#" id="decr">Decrease</a>
<div>
aspnettutorialonline.blogspot.com</div>
<div>
jqueryexamplecode.blogspot.com</div>
<script>
$('#incr').click(function(){
IncreaseOrDecrease($('div'),"incr");
});
$('#decr').click(function(){
IncreaseOrDecrease($('div'),"decr");
});
function IncreaseOrDecrease(element,order){
var currentFontSize=parseInt(element.css('font-size'));
if(order=='incr'){
element.css("font-size",currentFontSize+4 +"px");
}else if(order=='decr'){
element.css("font-size",currentFontSize-4 +"px");
}
}
</script>
</body>
</html>
Output:
If you have any queries or suggestions, please feel free to ask in comments section.
Post a Comment
Please give your valuable feedback on this post. You can submit any ASP.NET article here. We will post that article in this website by your name.