图片按照数字的顺序移动
<head>
<title></title> <style type="text/css"> img { position:absolute; top:13px; left:13px; width:100px; height:100px; } td { width:100px; height:100px; border:1px solid red; } </style> <script src="jquery-1.9.1.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('img').click(function () { $(this).animate({ left: '+=104px' }, 2000).animate({ left: '+=104px' }, 2000).animate({ top: '+=104px' }, 2000).animate({ left: '-=104px' }, 2000).animate({ left: '-=104px' }, 2000).animate({ top: '+=104px' }, 2000).animate({ left: '+=104px' }, 2000).animate({ left: '+=104px' }, 2000); }) }) </script></head><body> <table style="border:1px solid red;"> <tr> <td><img alt="" src="images/1.jpg" />1</td><td>2</td><td>3</td> </tr> <tr> <td>6</td><td>5</td><td>4</td> </tr> <tr> <td>7</td><td>8</td><td>9</td> </tr> </table></body>