当前位置：首页 -> 网页设计 -> DREAMWEAVER -> 用Dreamweaver实现飘浮光球特效

用Dreamweaver实现飘浮光球特效

时间： 2021-07-31 作者：daque

用dreamweaver不妨做出很多殊效，纵然你不会javascript也不妨，由于dreamweaver为咱们供给了功夫轴和动作两大东西。很好地运用它们就不妨做出形形色色的功效，本例所做的漂浮光球殊效即是一个很好的例子。简直创造办法如次：第一步：筹备一张图片动作后台图，巨细为240x180。

第二步：在页面中创造层layer1，巨细和所选的后台图片普遍，而后把后台图插入这个层内。

第三步：再创造一个层layer2，这个层将被创造成漂浮的光球。层的巨细即是球的巨细，场所臃肿在层layer1上，其他的层属性均沿用默许值。

第四步：让层layer2动起来。将层layer2拖曳至功夫轴，而后在该层的右键菜单中采用“记载路途”，接着用鼠标拖曳层画出一条闭和路途，这个路途即是光球疏通的轨迹。结果在功夫轴中的“机动播放”和“轮回”前打上勾，按f12键预览一下，看看速率能否符合，如不合意不妨安排功夫轴中帧的总额大概每秒播放的帧数，直到适合诉求为止。

第六步：遏制动画的播放。翻开动作面板，采用层layer1，采用事变中的“遏止功夫轴”，再采用举措中的“onmouseover”,如许就实行了一组举措事变，即鼠标移至层layer1时动画遏止播放；而后再减少一组举措事变：事变为“播放功夫轴”，动动作“onmouseout”，即在鼠标移出层layer1时，动画接着播放。

第六步：使层不妨拖动。翻开动作面板，采用事变中的“拖动层”，将可被拖动的层决定为layer2，如许层layer2也即是光球就不妨在网页中大肆拖动了。

第七步：创造光球。翻开功夫轴，采用首帧，在其右键菜单中采用“增添动作”，这时候就翻开了动作面板，采用事变中的“变换属性”，这时候展示“变换属性”对话框，在“东西典型”下拉菜单当选则“div”即层，“定名东西”采用“layer2”，“属性”采用“style.filter”，在“新的值”框中输出下列代码：mask(color=#ffffff) alpha(opacity=100,style=2)

这边用了两个滤镜，不妨爆发光球功效，结果“决定”。

第八步：使光球变色。在功夫轴中找几处要害帧，依照第七步的本领树立举措事变，提防将mask滤镜的color值改成你爱好的脸色就不妨了。

好了，此刻大功成功，连忙存盘看看功效吧！

用Dreamweaver实现飘浮光球特效

相关推荐

推荐下载

热门阅览

最新排行