Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- div{
- position:absolute;
- }
- .left, .right{
- width:50px;
- height:300px;
- background:#974A02;
- top:0px;
- }
- .left{
- left:600px;
- }
- .right{
- left:650px;
- }
- .center{
- width:50px;
- height:280px;
- background:#CD8032;
- top:10px;
- left:625px;
- }
- .text{
- text-align:center;
- font-size:12px;
- width:350px;
- left:50px;
- }
- </style>
- <script src="jquery.js"></script>
- <script>
- $(document).ready(function(){
- $(".text").hide();
- moveLeft();
- moveCenter();
- moveRight();
- });
- function moveLeft(){
- $(".left").animate({left:"400px"},1000);
- }
- function moveCenter(){
- $(".center").animate({left:"425px",width:"450px"},1000,showText);
- }
- function showText(){
- $(".text").show();
- }
- function moveRight(){
- $(".right").animate({left:"850px"},1000);
- }
- </script>
- </head>
- <body>
- <div class="center">
- <div class="text">
- <h1>Mission X!</h1>
- <p>
- Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
- laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
- beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut
- odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
- Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed
- quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat
- voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit
- laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit
- qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat
- quo voluptas nulla pariatur?
- </p>
- </div>
- </div>
- <div class="left">
- </div>
- <div class="right">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement