Dreamweaver如何定义鼠标经过触发点(或图像)显示层,离开触发点隐藏层。

就像游戏中把鼠标放在技能或物品图标上就出来一个说明,移走鼠标就没了那种。
因为才入门所以希望说的明白点而且尽里少用代码。
相当于解释一下这句话:用HTML的方形热点(Map)控制,在Dreamweaver的属性面版左下角,配合onmouseover与onmouseout事件。

<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" border="0" usemap="#Map">
<map name="Map" id="Map"><area shape="rect" coords="2,14,46,48" href="#" alt="这里是bai" /><area shape="rect" coords="89,21,136,46" href="#" alt="这里是知道"/></map>

<!--dw设计界面,左下角有热点工具,随便怎么切,切换到拆分界面,点中图片选择区,在代码里就出现了相应的代码块,在标签里加个alt的属性-->追问

先谢过以示安慰,那鼠标经过热点显示层,离开热点隐藏层,该怎么办,层开始的隐藏的。

追答

把问题说明白点被,怎么又出来个隐藏的?

追问

就是网页上有一个图片,有一个层,用IE打开网页上面只有图片,把鼠标放在图片上层就显示出来,鼠标从图片上移开层就隐藏。先跪下了,完了就谢。

追答

图片和层的位置是什么样的?

追问

层的下边和图片的上边贴着,左对齐。

追答

我是隐藏层

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-03-02
<style>
.link1:link,.link1:visited { color: #BE0000;}
.link1:active,.link1:hover { color: #ff0000;}

.link2:link,.link2:visited { color: #ff0000;}
.link2:active,.link2:hover { color: #ff6600;}
</style>
依次类推,写不同样式
============================================
<a href="#" class="link1">第一种</a>
<a href="#" class="link2">第二种</a>
<a href="#" class="link3">第三种</a>
<a href="#" class="link4">第四种</a>
.
.
.
.追问

哥,我是入门级,看不懂,能不能根据我的问题说细点,要不我也不会出这么多分,就是想让您特事特办,您说是么。

参考资料:百度一下

第2个回答  2011-03-02
图片标签加个 alt="xxxx" 鼠标浮图片上就显示xxxx了。。

用dreamwave创建新页面后,用“鼠标经过图像”制作一导航栏是什么意思...
1.打开Dreamweaver,新建页面就不用说了 2.点击Dreamweaver 上的插入--->图像对象--->鼠标经过图像,如下图所示。3.点击后,弹出插入鼠标经过图像对话框,点击浏览加入图片,如下图所示。4.从电脑里选择需要的图片,如下图所示。5.设置好原始图像后,按同样的方法来设置鼠标经过图像,设置好,然后点击...

怎么在dreamweaver 上鼠标移到铁定的几个字上的时候出现之前不显示的图...
1。在你想要放图片的地方,点击AP Div,绘制一个浮动层。2。选中你要移动的字“桃太郎•海上神兵”上,打开form面板中的行为,里面有个“+”的符号,选中显示\/隐藏元素,选中你的AP Div层,后记得要改下触发属性为“onMouseOver”这种模式,也就是鼠标移动上后出发该DIV层的显示就可以啦。3。

DW下拉菜单的制作
先选中层menu1,方法是点击层的边缘或在LAYER面板中点击menu1,用与导航条部分同样的方法在Behaviors窗口中为它添加显示与隐藏自己的命令。这样做的效果是当鼠标移出层menu1时,层menu1就自动隐藏。最后层menu1的状态如图所示。 3.重复以上两部分,为导航条的第二个主菜单"天极网"和层menu2添加显示...

这样的效果是怎么做的 Dreamweaver怎么做 就是鼠标放到那里就会显示...
看不到你的图 根据你的描述可以用jquery的hover来做,dreamweaver也可以用它自带的javascript函数,在dreamweaver插入中 有个图像,下拉可以看到鼠标经过的图像。可以在鼠标经过的时候变幻图像 你这个必须要学js了 建议学jquery 可以下免费得导航插件,然后对应填就可以 ...

如何通过层和行为在dreamweaver中进行鼠标经过文字显示图片的功能,不...
伪类 a{} a:hover{ background:url("图片地址");} 文字

怎么用Flash MX2004实现Dreamweaver MX里面的显示隐藏层效果?
text1._visible=false;\/\/隐藏文本 bt1.onRollOver=function(){\/\/鼠标移动到bt1上触发 text1.text="打开主页";\/\/显示信息 text1._visible=true;\/\/显示文本 text1._x=_xmouse;\/\/定义文本坐标为当前鼠标位置 text1._y=_ymouse;} bt1.onRollOut=bt1.onRelease=bt1.onReleaseOutside=function(...

Dreamweaver网页设计中,如何设计将鼠标停留在文字上后,显示注释?
鼠标停留在文字上显示注释用的是html的title属性,可以在段落文字p标签中添加title属性和属性值(Dreamweaver要切换成代码)例如:文本文字 具体操作 在Dreamweaver软件中切换成代码状态 在段落文字p标签中添加title属性和属性值 保存在浏览器中打开即可,实际效果如下图所示:...

DW怎么做鼠标经过显示图片上面的图片介绍
1、启动Dreamweaver,ctrl+n新建html文档;2、点击插入菜单图像命令,插入一个图片到设计视图;3、点击插入的图标,属性面板左下角点击热点工具,这里选择矩形热点工具;4、在图像上拖动得到热点区域;5、点击底部map#map标签,点击代码;6、在map标签加入title属性,其属性值为说明文字;7、按ctrl+s保存...

Dreamweaver中是怎样实现鼠标一放上去就显示隐藏层的?
使用dreamweaver行为面板中的“显示和隐藏”,其实就是dreamweaver预置好的js程序。

网页制作.导航如何写成鼠标移到连接的td里,就有个背景.
如果是网页制作新手的话,可以使用dreamweaver,用“层”+“行为--显示和隐藏”来制作这样的效果--也就是建一个层(也就是你说的tb背景),利用鼠标的行为,首先隐藏这个层,当鼠标移动到导航的文字时,再显示这个层。当然也可以利用dreamweaver里的spry折叠式菜单或面板的功能来制作。网上也有现成的代码...

相似回答