摘要:这只是个简单的js粒子运动实验,有很多地方都问题,如没有考虑粒子与粒子之间的碰撞,只是简单将粒子做自由落体抛射,如有不足请大家多多指教。原理如下:定义了一个boll类,这个类拥有自由落体及回弹的行为,包含一系列的属性:1//x位置2this.x=option.x?option.x:0;3//y位置4this.y=option.y?option.y:0;5//半径6this.raduis=option.raduis?option.raduis:10;7//颜色8this.color=option.color?option.color:'#000';9//x轴加速度10this.v 阅读全文
posted @ 2011-06-03 16:40 OD 阅读(2484) 评论(9) 推荐(2) 编辑
摘要:这里延迟加载的意思是,拖动滚动条时,在图片出现在浏览器显示区域后才加载显示。大概的实现方式是:在页面的load没有触发之前,把所有的指定id的元素内的img放入到imgs中,将所有的图片的src值放入到一个新建的_src属性中,把src设置为指定的显示图片。然后,在document.body的scroll事件触发时,循环计算imgs中的img元素位置是否正好在浏览器显示框范围内,如果是,则将img元素的_src属性的值赋给src,这样图片就能显示出来。这里比较麻烦地方是,如何计算img的位置,获得元素的相对于页面的绝对位置。通常是用offsetLeft和offsetTop,但这两个属性是元素的 阅读全文
posted @ 2011-06-01 21:38 OD 阅读(19346) 评论(11) 推荐(10) 编辑
摘要:这个类的设计思想借鉴于jQuery,通过连缀方法来操作图片,如:1$image=newUsaImage(array('filepath'=>'image1.jpg'));2//图片图片覆盖一张图片,第二和第三参数为,要放置的x,y位置3$image->Overlap("image99.gif",10,10)4//以相对位置来覆盖图片,最后一个参数为缩放比例,默认为15->Overlap2('image00.gif',array('right'=>23,'bottom'=& 阅读全文
posted @ 2011-05-16 15:55 OD 阅读(1692) 评论(2) 推荐(1) 编辑
摘要:之前就看到园子里很多牛人写js应用都非常炫,看的我是心痒痒,但技术有限,只能做些及丑陋又不实用的东西来玩玩,班门弄斧呢View Code <html><head><title>js时钟</title><scripttype="text/javascript">functionclock(obj){var$=function(id){returndocument.getElementById(id);}varbox=$(obj),bh,bw,hour=newArray(),minute=newArray(),seco 阅读全文
posted @ 2011-04-16 00:03 OD 阅读(1003) 评论(2) 推荐(2) 编辑