Question

Dreamweaver，鼠标悬停，图片切换 代码

我要做一个导航，每个导航栏目都是切成图片放到每一个表格中的，如何让鼠标悬停在图片上时，图片就切换成我想要的那个呢，代码具体怎么写呀。也可以配合CSS，只要代码简洁能够减少网页负重就好呐...

谢谢啦！！
非常感谢，如果我的排序是这样 首页、栏目1、栏目2（这3个内容都是图片做的），它们中间还有一个分割图片（做装饰的），这些分割图片没有连接，也不需要做悬浮效果，这个代码我该怎么写呀...

Answer 1

这个完全不用代码做，用代码问题就复杂。
以首页为例：
鼠标经过图片，在首页的位置放两个图片。（1）一张是直接显示的，（2）另一张是鼠标经过显示的。
插入图片方法如下：
单击要插入的位置——插入记录——图像对象——鼠标经过图像。
原始图像即（1），
鼠标经过图像（2）。
注意：插入的两张图片一定要和替换掉的图片宽和高相同。
以上内容在Dreamweaver中完成。

Answer 2

<a href="index.html" target="_parent">
<div onMouseOver="this.style.background='url(图片2路径)'" onMouseOut="this.style.background='url(图片1路劲)'" style="width:图片宽;height:图片高;background:url(图片1路径);float:left; margin-right:两个按钮之间距离;">首页
</div>
</a>
style 里面的可以放在样式表 onmouseover 和OUT 里的不能放在样式表，这段代码几乎所有浏览器兼容

追问

非常感谢，如果我的排序是这样 首页、栏目1、栏目2（这3个内容都是图片做的），它们中间还有一个分隔图片（做装饰的）见图，这些分割图片没有连接，也不需要做悬浮效果，这个代码我该怎么写呀...

追答

如果 按 我这个 写的话，可以 这样

首页

栏目一

就是 中间加个空白的。