dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?
百度经验 发布时间:2018-04-28 11:38:29 作者:nxsailing
我要评论
dreamweaver怎么实现鼠标放在不同的位置显示不同的图片?dw中想要制作图片切换效果 ,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
9、鼠标指针放到表格第一个方框中,单击菜单栏:插入-->表单-->按钮。操作如图



10、鼠标点中添加的按钮,然后再下方属性面板中,把值修改为1。

11、按照上述步骤依次为表格的第二个框、第三个框添加一个按钮,并把属性值改成2和3。如图

12、把几个AP Div移动到同一个区域。如下图

13、单击菜单栏:窗口-->行为,打开行为面板。


14、鼠标点击第一个方框的按钮,点击标签检查器行为面板下方的“+”号,弹出的菜单中选择“显示-隐藏元素”。

15、按照下图所示,把AP Div1设置成显示,AP Div2设置成隐藏,AP Div3设置成隐藏。AP Div4可以设置成显示,也可以不设置(默认显示)。

16、如图,点击行为面板左边的英文,在弹出的菜单中选择onFocus。

17、按照上面的步骤,依次把表格第二个方框、第三个方框的按钮设置成如下图所示。


以上就是dreamweaver图片切换效果的制作方法,希望大家喜欢,请继续关注脚本之家。
相关推荐:
dreamweaver 怎么在网页中使用div展示图片效果?
相关文章
Dreamweaver网页中怎么添加电子邮箱链接?Dreamweaver设计的网页想要添加联系我们的文字直接链接到电子邮箱,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参2018-01-05
Dreamweaver网页中的文本怎么添加背景图片?Dreamweaver设计的文本网页太单调,想要给文本添加星空背景图片,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参2018-01-05
Dreamweaver怎么添加边框? Dreamweaver边框的制作方法
Dreamweaver怎么添加边框?Dreamweaver想要制作一个红色边框,该怎么制作呢?下面我们就来看看Dreamweaver边框的制作方法,需要的朋友可以参考下2018-01-04
Dreamweaver网页怎么添加弹出窗口信息?很多网站都有欢迎信息的弹窗,想要给网页添加一个弹窗,该怎么添加呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-04
Dreamweaver怎么上传站点到服务器?Dreamweaver中制作好的玩野想要上传到服务器,该怎么上传站点呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-03
Dreamweaver怎么设置状态栏文本?Dreamweaver设计网页的时候,想要制作在状态栏制作显示欢迎的话语,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-03
Dreamweaver网页制作怎么使用css样式嵌套?Dreamweaver设计网页的时候,想要使用css样式嵌套,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-02
Dreamweaver怎么裁剪图片?Dreamweaver中插入的图片太大了,想要裁剪图片,并设置图片的属性,该怎么设置呢?下面我们就来看看dw编辑图片的技巧,需要的朋友可以参考下2018-01-02
Dreamweaver网页怎么创建css样式的复合声明?Dreamweaver中想要制作一个css样式的复合声明,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-02
Dreamweaver网页中怎么插入导航条? dw网页导航条的使用方法
Dreamweaver网页中怎么插入导航条?Dreamweaver中网页为了更有层次感,想要插入导航条,该怎么使用导航条呢?下面我们就来看看dw网页导航条的使用方法,需要的朋友可以参考2018-01-02












最新评论