Translate

Thursday 27 June 2013

Animation Using JS

Screen Shot:
                  
index.php:

<body>
<button>Click Me</button>
<p>Blogger Name</p>
<div style="border:1px solid #FFF; width:100px; height:20px; background-color:#CCC; position:absolute; box-shadow:0 0 2px 2px #CCC;">Creater Site</div>
</body>


Scripts:

<script>

$(document).ready(function() {
$("button").click(function(){

 $("div").animate({left:'250px', opacity:'',height:'60px',width:'100px'});

});
});
</script>
<script type="text/javascript" src="j.js">

Download:JS

No comments:

Post a Comment