jQuery实现的分子运动小球碰撞效果

本文实例讲述了jQuery实现的分子运动小球碰撞效果。分享给大家供大家参考，具体如下：

先看效果图吧，因为小球是运动状态的，不好截图，这里就先大体画了一下路线，表示大体意思吧，如果想看真实的效果，自己粘贴下去运行：

小球有点小哟，嘿嘿，没有对细节进行详细的处理，如果像让它完美一点，自己处理下吧！这里是模拟的理想状态下的，没有摩擦力与组里的分子碰撞运动，高科技哟~~~~~~mu~a
代码也没有整理，如果有心的话，把它整理成面向对象形式的吧！

代码如下：

  
  
  
  
  body { margin:0; padding:0; }
  #box { margin:0 auto; width:500px; height:500px; border:3px solid #DDDDDD; border-radius:4px; -wekit-border-radius:4px; -moz-border-radius:4px;}
  #runner { width:10px; height:10px; font-size:10px; color:black; padding:0; position:absolute; left:100px; top:480px;}
  



●

更多关于jQuery特效相关内容感兴趣的读者可查看本站专题：《jQuery常见经典特效汇总》及《jQuery动画与特效用法总结》

希望本文所述对大家jQuery程序设计有所帮助。