How to use js to implement sports logo picture effects and sports element object sportBox_Image special effects

Initialization (element id, the direction of element movement is represented by 123456789 respectively, representing upper left, upper, upper right, left, middle, right, lower left, lower and lower right.

Impact position, 9 numbers represent 9 locations respectively, In order, upper left corner, upper corner, upper right corner, left, middle, right, lower left corner, lower corner, lower right corner, 5 in the center.

Sports logo <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> </title> <style type="text/css"> <!-- html,body{height:100%} --> </style> <div id="box"> <img src="http://img03.taobaocdn.com/tps/i3/T1ogqgXfXeXXXXXXXX-168-42.png" alt="" title=""> </div> <div id="box2"> <img src="http://www.jb51.net/images/logo.gif" alt="" title=""> </div>