Advertisement
Guest User

Untitled

a guest
Apr 23rd, 2018
54
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.74 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>JQUERY</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <script type="text/javascript" src="jquery-3.3.1.js"></script>
  6. <script type="text/javascript">
  7.  
  8.  
  9. $(document).ready(function(){
  10. $("#blok").mouseover(function(){
  11. $(this).animate({
  12. width: "+=300px", height: "+=300px", left:"250px", opacity: "0.5",
  13. }, 1500 );
  14. });
  15. $("#blok").mouseout(function(){
  16. $(this).animate({
  17. width: "400px", height: "400px", left:"40px", opacity: "1",
  18. }, 1500 );
  19. });
  20. });
  21. </script>
  22. <style type="text/css">
  23. #blok{
  24.  
  25. width: 100px; height: 100px;
  26. background: url("rosja.png") repeat center ;
  27. position:absolute; left:20px; right:20px; top: 0;
  28. }
  29. </style>
  30. </head>
  31.  
  32. <body>
  33. <div id="blok">
  34.  
  35. </div>
  36. </body>
  37. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement