html鼠标悬停事件 dw,dw制作鼠标放上去图片就显示鼠标离开图片就消失-程序员宅基地

技术标签： html鼠标悬停事件 dw

今天小编就为大家介绍dw制作鼠标放上去图片就显示鼠标离开图片就消失的效果，操作方法很简单的，不会的朋友可以参考本文哦！

操作步骤：

1、新建“HTML文档”，在“布局”里找到“绘制层”，绘制一个方形层，填充颜色，并在里面输入文字“夏”，字体和颜色，大家自由设置；

2、用“绘制层”再次绘制一个层，层编号设置为“夏”，宽：300px；高：200px；设置如图所示：

3、在“夏”层里插入一张图片，大小和“夏”层一样大，宽和高分成设置为300px、200px；

4、点击“窗口”—“行为”，出现“行为”窗口；

5、选中“夏”层，在“层”窗口下，打开“夏”前面的眼睛

；然后选中文字“夏”，在“行为”窗口下，点击

，选择“显示—隐藏层”；

6、这时弹出“显示—隐藏层”窗口，选中层“夏”，点击“显示”，然后确定即可；

7、在“行为”窗口中，就会出现“显示—隐藏层”信息，在前面的下拉菜单中选择“onMouseover ”。

补充：onmouseover 事件会在鼠标指针移动到指定的对象上时发生。

8、再次选中“夏”层，在“层”窗口下，选择“夏”前面的这个图标

，它的意思就是关闭图片，这时你会看到，“夏”层以及里面的图片都没有了；

9、选中文字“夏”，在“行为”窗口下，点击

，选择“显示—隐藏层”；这时会弹出“显示—隐藏层”窗口，选中层“夏”，点击“隐藏”，然后确定即可；

10、在“行为”窗口中，再次出现“显示—隐藏层”信息，在前面的下拉菜单中选择“onMouseout ”。

补充：onmouseout 事件会在鼠标指针移出指定的对象时发生；

11、保存，预览；

图1：鼠标放上去，图片显示；

图1

图2：鼠标离开，图片消失

图2

以上就是dw制作鼠标放上去图片就显示鼠标离开图标就消失方法介绍，操作步骤并不是很难，但需要大家仔细一点，尤其在设置行为时要注意图片的显示和隐藏，好了，有兴趣的朋友可以参考本文哦！

注：本篇文章系脚本之家依照真实经历原创，转载请注明出处！

本文链接：https://blog.csdn.net/weixin_29245767/article/details/117794927

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

【Linux篇】认识冯诺依曼体系结构-程序员宅基地

文章浏览阅读1.2k次，点赞35次，收藏22次。还记得我们说内存是连续的，一般来说，加载某些数据的时候，其周围的数据也会被加载进来。因此，操作系统的作用就发挥了，操作系统会把可能用到的数据提前加载到内存中，这样CPU就直接可以去内存中找数据啦。小红的网卡作为输入设备，接收到消息，然后将消息加载到内存，CPU去内存读取数据，把消息解包，得到消息里的内容，重新写回内存。当小明给小红在输入框中输入消息之后，就已经被写入了内存，然后当小明点击发送的时候，CPU读取内存中的数据，对消息进行打包（如指定发送到哪里)，然后输出到网卡。如果要运行必须要加载到内存，

配置GOPRIVATE引用私有仓库_go_private-程序员宅基地

文章浏览阅读9.2k次，点赞2次，收藏8次。在使用gomod模式管理golang包的时候，下载开源的公共包还可以，但是一旦使用内部或者私有的包，就可能会出现如下所示的问题：server response: not found: git.xxx.com/xxxxxx/[email protected]: unrecognized import path "git.xxx.com/xxxxxx/king": https fetch: Get "https://git.xxx.com/xxxxxx/king?go-get=1": dial tcp xx.xx.xx._go_private

腾讯云4核8G服务器性能如何？轻量12M够用吗？_4核8g12m 与 2核8g8m 差距-程序员宅基地

文章浏览阅读593次。腾讯云轻量4核8G12M服务器配置具有100%CPU性能，系统盘为180GB SSD盘，12M带宽下载速度1536KB/秒，月流量2000GB，折合每天66.6GB流量，超出月流量包的流量另外计费，地域节点可选广州/上海/北京，腾讯云百科分享腾讯云轻量4核8G12M应用服务器CPU性能、限制条件_4核8g12m 与 2核8g8m 差距

Socket编程------TCP文件传输(文档、声音、图片、视频和压缩包等)_tcp能实现各种格式的文件传输吗-程序员宅基地

文章浏览阅读8.3k次，点赞5次，收藏38次。本程序是基于TCP稳定传输的文件传输，可以兼容任何类型任何格式的文件传输。☆基本思路（客户端）客户端需要明确服务器的ip地址以及端口，这样才可以去试着建立连接，如果连接失败，会出现异常。连接成功，说明客户端与服务端建立了通道，那么通过IO流就可以进行数据的传输，而Socket对象已经提供了输入流和输出流对象，通过getInputStream(), getOutputStream()_tcp能实现各种格式的文件传输吗

五年的Java程序员成长自述。-程序员宅基地

文章浏览阅读137次。恍然间，发现自己在这个行业里已经摸爬滚打了五年了，原以为自己就凭已有的项目经验和工作经历怎么着也应该算得上是一个业内比较资历的人士了，但是今年在换工作的过程中却遭到了重大的挫折。详细过程我就不再叙述，在此，只想给大家说一说被拒绝的原因，看看大家有没有相似的经历，和类似的感悟。面试官对我的答复大致是这样的，我们不需要熟练工，我们需要在某领域拥有超过常人的积累认知，和拥有整套完整思维模式和优秀认知事物..._java程序自述报告

蓝牙mesh协议的架构讲解_mesh 协议详解-程序员宅基地

文章浏览阅读4.8k次，点赞3次，收藏10次。BLE Mesh 的基础架构 BLE Mesh的架构一共可以分成8层，如图所示1.蓝牙低功耗（Bluetooth Low Energy Core Specification）最底下的蓝牙低功耗这一层，我将它标成了浅蓝色与上面几层进行了区分，原因是蓝牙低功耗并非仅是mesh架构的其中一层，而是完整的蓝牙低功耗协议栈，是提供基础无线通信功能所必需的组件，这些功能可为位于其上的mes..._mesh 协议详解

随便推点

git拉取代码报错：error:RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054_git error: rpc failed; curl 56 openssl ssl_read: s-程序员宅基地

文章浏览阅读652次。百度了好多文章才找到的答案，分享一下并记录一下，避免自己忘记：终端输入：$ git config http.sslVerify “false”报错信息：fatal: not in a git directory执行下列命令解决：$ git config --global http.sslVerify “false”最后：再次克隆即可！..._git error: rpc failed; curl 56 openssl ssl_read: ssl_error_syscall, errno 0