We're a community of 1077K IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,076,063 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

showing data after animation

i want to show an jquery animation in index page after showing animation then my website content will be display

Code blocks are created by indenting at least 4 spaces
... and can span multiple lines

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("div").animate({margin:300},"slow");
$("div").animate({height:300},"slow");
$("div").animate({width:300},"slow");
$("div").animate({height:100},"slow");
$("div").animate({width:100},"slow");
$("div").animate({width:100},"slow");
$("div").fadeOut();
});
});
</script>
</head>

<body>
<button>Start Animation</button>
<br /><br />
<div style="background:#98bf21;height:100px;width:100px;position:relative; margin-top:100px;">
</div>
<div >

in this div all giv me all webcontent

</div>

</body>
</html>

1
Contributor
0
Replies
1
View
ak47carbon
Junior Poster in Training
60 posts since Mar 2012
Reputation Points: 10
Solved Threads: 0
Skill Endorsements: 0

This article has been dead for over three months: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
View similar articles that have also been tagged:
 
© 2013 DaniWeb® LLC
Page rendered in 0.0596 seconds using 2.72MB