Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script type="text/javascript" src="jq.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("#blok").mouseover(function(){
- $(this).animate({
- width: "+=300px", height: "+=300px", left: "250px", opacity: "0.5",}, 1500 );
- });
- $("#blok").mouseout(function(){
- $(this).animate({
- width: "100px", height: "100px", left: "10px", opacity: "1",}, 1500 );
- });
- });
- </script>
- <style type="text/css">
- #blok {
- width: 100px; height: 100px;
- background: #c6d2f2;
- position: absolute;
- }
- </style>
- </head>
- <body>
- <div id="blok">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement