05 2008 档案

摘要:仿照常见的那个图片变换flash做的效果,纯js。不过滤镜变换只对应ie,ff只能看到一般的切换。这个js做的效果最早在sina看到,这里把这个效果封装好方便使用。效果: 程序说明: 图片未开始转换时,由于没有图片会显示一个红x,所以隐藏图片: [代码] ps:以前我用this._img.src="javascript:void(0);";但这个在ie8会出错。 这个变换效果需要滤镜,所以只支持i... 阅读全文
posted @ 2008-05-23 12:02 cloudgamer 阅读(468024) 评论(324) 推荐(37) 编辑
摘要:上次做图片滑动展示效果时做了减速效果,就想做一个加速效果。结合起来就想到了下面这个东西,当然只是类似弹簧,而不是真正的弹簧。先看效果: 固定范围反弹: 范围渐变反弹: 自定范围反弹:范围: 程序说明:虽然说的是弹簧效果,但实际上要实现的是定点坐标之间的加速和减速移动。 点到点的移动应该都知道怎么做,这里是通过设置滑动对象的left来实现的。 而减速效果,一般的做法是通过用目标值减当前值除以一个系数... 阅读全文
posted @ 2008-05-17 14:41 cloudgamer 阅读(22474) 评论(42) 推荐(4) 编辑
摘要:这里说的滑移其实就是减速效果,能根据设定的坐标平面移动。 效果自动滑移: 定点滑移:(鼠标点击) 定线滑移:(鼠标拖动轨迹) 代码: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns... 阅读全文
posted @ 2008-05-16 15:14 cloudgamer 阅读(17244) 评论(22) 推荐(6) 编辑
摘要:更新版本:SlideView 图片滑动(扩展/收缩)展示效果看到jQuery实例:图片展示效果后,我也想拿来试试,但我不太喜欢用框架,所以自己做了个。其中的难点在于怎么设计各个滑动对象进行想要的滑动。一开始我想的是利用滑动对象的宽度的变化来实现滑动,但实行起来发现这个只能在理想状态下实现,一般实现起来很困难。所以还是参照了实例中的方法,利用left的变化来实现滑动。 效果:1111111 2222... 阅读全文
posted @ 2008-05-13 01:34 cloudgamer 阅读(199443) 评论(147) 推荐(18) 编辑