Allanimation for basic start button using html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#start").click(function(){
$("div").animate({left:'100px'},5000);
$("div").animate({fontSize:'3em'},5000);
});
});
</script>
</head>
<body>
<button id="start">Start</button>
<div style="background:#82bf21;height:100px;width:200px;position:absolute;">HELLO</div>
</body>
</html>
Enjoy your day
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#start").click(function(){
$("div").animate({left:'100px'},5000);
$("div").animate({fontSize:'3em'},5000);
});
});
</script>
</head>
<body>
<button id="start">Start</button>
<div style="background:#82bf21;height:100px;width:200px;position:absolute;">HELLO</div>
</body>
</html>
No comments:
Post a Comment