DDR爱好者之家

dw制作鼠标放上去图片就显示鼠标离开图片就消失
站长资源 2024/11/23 佚名
75 1538
DDR爱好者之家 Design By 杰米

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

操作步骤：

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

5、选中“夏”层，在“层”窗口下，打开“夏”前面的眼睛dw制作鼠标放上去图片就显示鼠标离开图片就消失；然后选中文字“夏”，在“行为”窗口下，点击dw制作鼠标放上去图片就显示鼠标离开图片就消失，选择“显示—隐藏层”；

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

8、再次选中“夏”层，在“层”窗口下，选择“夏”前面的这个图标dw制作鼠标放上去图片就显示鼠标离开图片就消失，它的意思就是关闭图片，这时你会看到，“夏”层以及里面的图片都没有了；

dw制作鼠标放上去图片就显示鼠标离开图片就消失

9、选中文字“夏”，在“行为”窗口下，点击dw制作鼠标放上去图片就显示鼠标离开图片就消失，选择“显示—隐藏层”；这时会弹出“显示—隐藏层”窗口，选中层“夏”，点击“隐藏”，然后确定即可；

dw制作鼠标放上去图片就显示鼠标离开图片就消失

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

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

11、保存，预览；

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

图1

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

dw制作鼠标放上去图片就显示鼠标离开图片就消失

图2

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

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

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米