Dreamweaver怎么制作鼠标点击隐藏事件?

2023-12-02 0 190

Dreamweaver中想要制作一个鼠标点击物体隐藏,鼠标移开物体显示,该怎么试下呢?下面我们就来看看详细的教程。

Adobe Dreamweaver CC 2017 v17.0 中文版(附安装教程) 64位

  • 类型:网页设计
  • 大小:758MB
  • 语言:简体中文
  • 时间:2016-11-05

查看详情

1、打开Dreamweaver软件,新建一个html文档,在body中输入一个div标签

Dreamweaver怎么制作鼠标点击隐藏事件?

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

Dreamweaver怎么制作鼠标点击隐藏事件?

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

Dreamweaver怎么制作鼠标点击隐藏事件?

Dreamweaver怎么制作鼠标点击隐藏事件?

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

Dreamweaver怎么制作鼠标点击隐藏事件?

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

Dreamweaver怎么制作鼠标点击隐藏事件?

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

Dreamweaver怎么制作鼠标点击隐藏事件?

Dreamweaver怎么制作鼠标点击隐藏事件?

以上就是Dreamweaver中:active鼠标点击事件的用法,希望大家喜欢,请继续关注悠久资源网。

相关推荐:

Dreamweaver单元格怎么拆分合并?

dreamweaver怎么制作各种类型的菜单栏?

Dreamweaver怎么创建CSS样式? dw插入css的教程

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悠久资源 Dreamweaver教程 Dreamweaver怎么制作鼠标点击隐藏事件? https://www.u-9.cn/sheji/dreamweaver/29895.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务