您现在的位置是:网站首页> 编程资料编程资料
Dreamweaver怎么制作鼠标点击隐藏事件?_Dreamweaver教程_网页制作_
2023-11-06
189人已围观
简介 Dreamweaver怎么制作鼠标点击隐藏事件?Dreamweaver中想要想要制作一个鼠标点击事件,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
Dreamweaver中想要制作一个鼠标点击物体隐藏,鼠标移开物体显示,该怎么试下呢?下面我们就来看看详细的教程。
- 软件名称:
- Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位
- 软件大小:
- 758MB
- 更新时间:
- 2016-11-05立即下载
1、打开Dreamweaver软件,新建一个html文档,在body中输入一个div标签

2、在head中建立CSS样式,对div添加style修饰,margin:0 auto;将其居中

3、点击拆分选项,可以在在软件中预览


4、建立:active属性,当鼠标点击div时,div发生变换 div:active{},括号内为div发生的变化属性

5、加入当点击div时,图形消失,则输入 div:active {display:none;}

6、建立完成后,当鼠标点击图形时图形消失,当鼠标松开时,图形又恢复原来的样子。active包含两个动作,鼠标点击和鼠标松开时。


以上就是Dreamweaver中:active鼠标点击事件的用法,希望大家喜欢,请继续关注。
相关推荐:
Dreamweaver怎么创建CSS样式? dw插入css的教程
相关内容
- Dreamweaver单元格怎么拆分合并?_Dreamweaver教程_网页制作_
- DreamWeaver怎么设置行内标签?_Dreamweaver教程_网页制作_
- Dreamweaver怎么创建CSS样式? dw插入css的教程_Dreamweaver教程_网页制作_
- DreamWeaver文字怎么居中对齐? dw垂直居中对齐的技巧_Dreamweaver教程_网页制作_
- dreamweaver怎么制作文本框? dw文本框的两种制作方法_Dreamweaver教程_网页制作_
- Dreamweaver CS6超链接怎么去掉下划线? dw取消字体下划线的教程_Dreamweaver教程_网页制作_
- Dreamweaver图像怎么通过img标签定义高宽?_Dreamweaver教程_网页制作_
- dreamweaver怎么制作各种类型的菜单栏?_Dreamweaver教程_网页制作_
- Dreamweaver中的AP元素怎么修改宽度高度和颜色?_Dreamweaver教程_网页制作_
- 钓鱼发烧友刷5星橙色鱼竿的方法_手机游戏_游戏攻略_
