程序员

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

作者:admin 2021-04-13 我要评论

Dreamweaver中想要制作一个鼠标点击物体隐藏,鼠标移开物体显示,该怎么试下呢?下面我们就来看看详细的教程。 软件名称: Adobe Dreamweaver CC 2017 v17.0 中...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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鼠标点击事件的用法,希望大家喜欢,请继续关注脚本之家。


原文链接:https://m.jb51.net/Dreamweaver/615948.html

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库