1打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的标签中，弯历输入js代码3浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

1首先输入代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml lthead ltmeta。

1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

首先在页面上把这个下面的方框实现出来，就举例是一个div，然后css中做一个类或者类似的办法，例如jquery里面的show和hide方法，这样在js中在写一个事件，当鼠标放到上面小的区域里面的时候，就触发，让css的display属性显示，鼠标移出的时候在恢复回去。

Dreamweaver提供了一种简便的方法来实现动态图片效果，只需在工具栏中选择“插入”“图片对象”“鼠标经过图片”这种设置方法能够自动处理鼠标悬停时图片的切换如果你更倾向于使用CSS来实现这一效果，可以利用伪类hover具体操作方式取决于你对CSS的熟悉程度不过需要注意的是，这种方法可能在某些较。

#39img#39hoverfunction$#39#文字的id#39show，function$#39#文字的id#39hide其实主要是看你文字在什么文字 如果是被图片遮住，就给图片加个定位，层次zindex写为1在最下面就行了。

lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleTitlelttitleltstyle#testwidth 50px#testhover + #boxdisplay inlineblock#boxwidth 100pxheight 50pxbackgroundcolor greendisplay ltstyleltheadltbodyltimg id=quottestquot src=quot。