Demo:-
Instruction:- To Use this code Download jquery-1.9.1.min.js from http://jquery.com/download/ and link as shown in code below.
Code:-
<html>
<head><script type="text/javascript" src="jquery-1.9.1.min.js"></script><script type="text/javascript">$(document).ready(function(){$('#b4').click(function(){
$('#d1').animate({width:'+=60px',height:'+=40px'},1000);
});
$('#b5').click(function()
{
$('#d1').animate({width:'-=60px',height:'-=40px'},1000);
});
});
function d1_onclick() {
}
</script></head>
<body>
<img id="d1" src="Berlin Falls.jpg" style="width:150;height:100; onclick="return d1_onclick()" /><br><br><hr><br><br /><input id="b5" type="button" value="Zoom Out"/>
<input id="b4" type="button" value="Zoom In" /></body>
</html>
0 comments:
Post a Comment