dw制做电脑鼠标放上去照片就显示信息电脑鼠标离

2021-03-20 06:50 jianzhan

今日网编就为大伙儿详细介绍dw制做电脑鼠标放上去照片就显示信息电脑鼠标离去照片就消退的实际效果,实际操作方式很简易的,不容易的盆友能够参照本文哦!

实际操作流程:

1、新建“HTML文本文档”,在“合理布局”里寻找“绘图层”,绘图1个方形层,填充色调,并在里边键入文本“夏”,字体样式和色调,大伙儿随意设定;

2、用“绘图层”再度绘图1个层,层序号设定为“”,宽:300px;高:200px;设定如图所示:

3、在“夏”层里插进1张照片,尺寸和“夏”层1样大,宽和高分为设定为300px、200px;

4、点一下“对话框”—“个人行为”,出現“个人行为”对话框;

5、选定“”层,在“”对话框下,开启“”前面的双眼;随后选定文本“”,在“个人行为”对话框下,点一下,挑选“显示信息—掩藏层”;

6、这时候弹出“显示信息—掩藏层”对话框,选定层“夏”,点一下“显示信息”,随后明确便可;

7、在“个人行为”对话框中,就会出現“显示信息—掩藏层”信息内容,在前面的往下拉菜单选中择“onMouseover  ”。

填补:onmouseover 恶性事件会在电脑鼠标指针挪动到特定的目标上时产生。

8、再度选定“”层,在“”对话框下,挑选“”前面的这个标志,它的意思便是关掉照片,这时候你会看到,“”层和里边的照片都沒有了;

9、选定文本“”,在“个人行为”对话框下,点一下,挑选“显示信息—掩藏层”;这时候会弹出“显示信息—掩藏层”对话框,选定层“夏”,点一下“掩藏”,随后明确便可;

10、在“个人行为”对话框中,再度出現“显示信息—掩藏层”信息内容,在前面的往下拉菜单选中择“onMouseout  ”。

填补:onmouseout 恶性事件会在电脑鼠标指针移出特定的目标时产生;

11、储存,预览;

图1:电脑鼠标放上去,照片显示信息;

图1

图2:电脑鼠标离去,照片消退

图2

以上便是dw制做电脑鼠标放上去照片就显示信息电脑鼠标离去标志就消退方式详细介绍,实际操作流程其实不是很难,但必须大伙儿细心1点,特别在设定个人行为时要留意照片的显示信息和掩藏,好了,有兴趣爱好的盆友能够参照本文哦!

注:本篇文章内容系脚本制作之家按照真正亲身经历原創,转载请注明出处!