Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <title>JQUERY</title>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <script type="text/javascript" src="jquery-3.3.1.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: "400px", height: "400px", left:"40px", opacity: "1",
- }, 1500 );
- });
- });
- </script>
- <style type="text/css">
- #blok{
- width: 100px; height: 100px;
- background: url("rosja.png") repeat center ;
- position:absolute; left:20px; right:20px; top: 0;
- }
- </style>
- </head>
- <body>
- <div id="blok">
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement