代码有bug，修改后如下需要注意，拷贝下面这段代码，保存为 html后缀名的文件需要自己在相同的目录下，放置两张图片，小图片jpg 大图片jpg 效果如下图当鼠标悬停在小图片上面的时候，会显示大图片鼠标移出，隐藏大图片问题定位需要读者自己去实现一下吧，偷懒了感谢楼上分享！lt！docty。

src=quotimagesbig2jpgquot 先将图片放在一个标签里 a和div标签都可以，让侯设置这个标签大小正好和图片大小一样，给标签加上一个padding0px设置标签的背景颜色和串口颜色一样，假如是白色，然后写鼠标移动到图片上的样式，只需要将标签的背景色改成红色就可以了。

js的onmouseover事件和onblur事件的介绍如下一onmouseover事件 定义onmouseover事件是一个鼠标事件，当鼠标指针移动到某个元素上时，会触发该事件用途常用于实现鼠标悬停效果，如显示提示信息改变元素样式等示例在HTML中，可以直接在元素标签内使用onmouseover属性来绑定事件处理函数，如悬停我。

使用JavaScript实现鼠标悬停效果，通过`addEventListener`监听事件并操作样式先利用`documentquerySelector`获取目标元素和要改变样式的元素`addEventListener`用于监听目标元素的鼠标悬停和离开事件，通过`classList`添加或移除指定样式类在CSS中预先定义样式类`hoverstyle`，便于JavaScript调用以实现悬停效果。

JS程序中加上这段代码 function startInterval myInterval=setIntervalquot=，10 function stopInterval clearIntervalmyInterval。

Dreamweaver中可以自动设置的 工具栏中 “插入”“图片对象”“鼠标经过图片”如果是用CSS实现的话，可以在需要设置动态效果的标签中使用伪类hover 具体怎么用，就看你对CSS的掌握程度了PS该方法不适用于IE6，其他的可以再有就是用JavaScript来实现了对于初学者的话，直接用Dreamweaver来实现。

鼠标悬停在小图上，用enlarge_images层显示 function hide_this documentgetElementByIdquotenlarge_imagesquotinnerHTML = quotquot documentgetElementByIdquotenlarge_imagesquotstyledisplay=quotquot 鼠标离开，enlarge_images层不显示 function move_layer_event documentgetElementById。

MM_swapImage函数和MM_swapImgRestore函数是网上挺流行的一个更换图片的小函数集 鼠标放上去的时候图片变成#39img2gif#39，鼠标移走的时候还原成#39Image2#39这就是动态效果 这个要看具体页面上的代码了 要把那两个函数也包含进来，自己去页面上找找吧，别忘了找那些包含的js文件。