胆小勿入！！！
先看看效果：http://keleyi.com/keleyi/phtml/jqtexiao/6.htm
再补充。。。。
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>万圣节快乐！！-柯乐义</title> 6 <style type="text/css"> 7 body{margin:0px;background-image:url(http://keleyi.com/keleyi/phtml/jqtexiao/6/Halloween2013_Keleyi.jpg); background-repeat:no-repeat;background-color:#030303;background-position:center top;} 8 .animate 9 { 10 margin-top:600px; 11 height:130px; 12 width:620px; 13 margin-left:auto; 14 margin-right:auto; 15 background:url(http://keleyi.com/keleyi/phtml/jqtexiao/6/keleyighost.gif) no-repeat; 16 background-position:-280px center; 17 18 } 19 </style> 20 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 21 <script type="text/javascript"> 22 $(function guitiao() { 23 $("div#animate_kel"+"eyi_com").css({backgroundPosition:'-280px center'}); 24 $("div#animate_ke"+"leyi_com").animate({ backgroundPosition: "620" },20232,guitiao); 25 }); 26 </script> 27 </head> 28 <body> 29 <div id="animate_keleyi_com" class="animate"> 30 </div> 31 <div><a href="http://keleyi.com/a/bjac/438uwrmi.htm" target="_blank">原文</a></div> 32 </body> 33 </html>
http://keleyi.com/a/bjac/438uwrmi.htm