JavaScript实现Flash炫光波动特效_javascript技巧
程序员文章站
2022-06-01 20:14:06
...
看到flash的实现这类的动画非常的便捷,于是试图胡搞一下。全部是用dom模拟的像素点,锯齿是难免的……
这个要避免锯齿恐怕要再加一次滤镜了吧,或者用图片。
炫光波动效果
参数:
var lightWave = function (T,left,thick,sharp,speed,vibration,amplitude,opacity){ this .cont = T; //需要添加炫光的容器 this .left = left; //炫光出生时的向右偏移量 this .thick = thick; //粗细程度 this .sharp = sharp; //尖锐程度 this .speed = speed; //波动速度 this.vibration = vibration; //单位时间内的振动频率 this .amplitude = amplitude; //振幅 this .opacity = opacity; //透明度 this .cont.style.position = 'relative'; this .move(); }
大家感兴趣可以来讨论一下。
另外,还遇到个问题,上面代码中ie下面的透明度滤镜不起作用,经研究得知,改变父容器的定位会影响子节点的透明滤镜的继承。
以上所述就是本文的全部内容了,希望大家能够喜欢。
推荐阅读
-
新年快乐! javascript实现超级炫酷的3D烟花特效
-
JavaScript开发中超炫的jquery仿flash导航栏特效
-
JavaScript实现酷炫的鼠标拖尾特效
-
新年快乐! javascript实现超级炫酷的3D烟花特效
-
Js+Flash实现访问剪切板操作_javascript技巧
-
让ie6也支持websocket采用flash封装实现_javascript技巧
-
JS实现悬浮移动窗口(悬浮广告)的特效_javascript技巧
-
用html+css+js实现的一个简单的图片切换特效_javascript技巧
-
JavaScript实现Flash炫光波动特效_javascript技巧
-
js实现按钮控制图片360度翻转特效的方法_javascript技巧