Dreamweaver如何制作鼠标经过图片晃动的效果-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

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

创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计、网站建设、砚山网络推广、成都微信小程序、砚山网络营销、砚山企业策划、砚山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供砚山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com

方法如下

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


名称栏目:Dreamweaver如何制作鼠标经过图片晃动的效果
分享URL:http://kswsj.cn/article/pshojd.html

其他资讯