Jump to content

Dazla

Members
  • Posts

    1
  • Joined

  • Last visited

Posts posted by Dazla

  1. This would be quite a simple issue for someone more experienced: (I have just begun with Jquery and Javascript)I have coded a really simple HTML, CSS, Jquery animation.. The ball <div> moves from side to side (Pretty Damn COOL!) BUT...

    I need to try and trigger the animation with scrolling, basically creating a 'Pong' game. From one side of the scren to the other.

    HOW do I do this? I have been trying to find a sollution online and can't.

    Please help, or I will find you and kill you.

    <!DOCTYPE html><html>  <head>    <title>      Pong    </title>    <style type="text/css">	  .pong{		 position: relative;		 border-radius:100%;		 top:250px;		 float:left;	z-index: 1;	width: 100px;	height: 100px;	transition-property: transform, -webkit-transform;	transition-duration: 0.2s;	transition-timing-function: ease-out;	background-color:#FFF700;		   }		   #stage{			   min-height:500px;			   min-width:500px;			   background-size:cover;			   }	  </style>    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>    <script type="text/javascript">    $(document).ready(function () {            move();        });        function move() {            $(".pong").animate({                left: 900            }, {                duration: 5000,                complete: function () {                    $(".pong").animate({ left: 40 }, { duration: 5000,                        complete: function () {                            move();                        }                    });                }				            });        }     </script>     <script type="text/javascript">	       </script>  </head>   <body>    <div class id="stage">      <div class="pong">        </div>     </div>  </body></html>

    :happy0046::fool: any help would be greatly appreciated.

×
×
  • Create New...