Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  
<meta charset=utf-8 />
<title>JS Bin</title>
  <style>
    #main{
      margin: auto;
      width: 300px;
      height:2000px;
      background:#FFF;
      opacity:0.8;
      z-index: 1;
      position: relative;
    }  
    
    body {
      background-color: #705f95;
    }
  </style>
  
  <script type="text/javascript">
    $(document).ready(function() {
    
      window.setInterval(fly(), 10);
      
      function fly() {
        pozice = Math.floor(Math.random()*10);
        nahodna = Math.random()*300;
       
          $('#pozadi').animate({
            marginLeft: 0,
            marginTop: 0,
          }, 15000, function() {
            
           $('#pozadi').animate({
                    marginLeft: -400,
                    marginTop: -400,
           }, 15000, function() {
            window.setInterval(fly(), 1);
          });
          
       });
         
      };
      
      
    });  
  </script>
  
</head>
<body>
  
  <img id="pozadi" src="http://sdu.sk/ikoHAoIWQ" style="position: absolute;z-index: 0;height: 150%;width: 200%;margin-left: -400px;margin-top: -400px;" />
  <div id="main">&nbsp;</div>
  
</body>
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers