Dreamweaver如何制作鼠标经过图片晃动的效果

发布时间:2021-05-14 15:11:07 作者:小新
来源:亿速云 阅读:712

这篇文章给大家分享的是有关Dreamweaver如何制作鼠标经过图片晃动的效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

方法如下

1、行为需要三个步骤,一是需要对象,也就是说要选中对象。就拿网页头部的图片来示例吧。点击选中。

Dreamweaver如何制作鼠标经过图片晃动的效果

2、添加动作。点击窗口\行为,在窗口的右侧就打开行为设置功能。

Dreamweaver如何制作鼠标经过图片晃动的效果

Dreamweaver如何制作鼠标经过图片晃动的效果

3、在行为上点击+号增加移动动作,选中+号下面的效果\晃动。在晃动对话框中,选择目标元素即当前选定内容,确定。这样就为该图片添加了一个动作。

Dreamweaver如何制作鼠标经过图片晃动的效果

Dreamweaver如何制作鼠标经过图片晃动的效果

Dreamweaver如何制作鼠标经过图片晃动的效果

4、调整事件,一般软件默认的事件是点击,即晃动前面是onclick,如果要更改为鼠标经过即晃动,就要更改前面的事件为onmouseover,这样这个行为就设置好了。

Dreamweaver如何制作鼠标经过图片晃动的效果

Dreamweaver如何制作鼠标经过图片晃动的效果

Dreamweaver如何制作鼠标经过图片晃动的效果

5、保存预览就可以看到我们要的效果了,如果需要其他事件,也可以直接在动作的前面调整即可。

感谢各位的阅读!关于“Dreamweaver如何制作鼠标经过图片晃动的效果”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

推荐阅读:
  1. Dreamweaver如何制作手风琴图片展示效果
  2. DW如何制作鼠标经过图片渐渐变暗效果

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

dreamweaver

上一篇:Dreamweaver8如何做一个网站维护自动跳转的html网页

下一篇:Dreamweaver如何给个人简历添加照片并排版

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》