1、实用浏览器打开保存好html后使用浏览器打开，在鼠标没有滑过div时背景是红色的，当鼠标滑过div的时候背景从红色变为了棕色所有代码，可把所有代码直接复制到新家的html文件上，保存好后用浏览器打开即可看到效果如图 所有代码 ！DOCTYPE html html head meta charset=#34UTF8#34 title；鼠标的移入移出事件，可以参考下手册，思路就是 1，你给每个图片都有一个特殊的id标示，然后隐藏的div就是文字显示的id可以为quotimg_quot+图片的id 2 移入时 隐藏id图片 显示quotimg_quot+图片的id的div文字 3移出时 就是反过来的移入；需要用到js脚本的onmouseover和onmouseout等这是非常简单的但是如果你不了解js可以使用DreamWeaver中的一项功能插入图像对象鼠标经过图像，在弹出的对话框中，选择好“原始图像”和“鼠标经过图像”就行了；1新建html文档，在body标签中添加图片标签，为这个标签设置“id”属性，然后设置图片的默认显示大小css属性2添加“onmouseover”js事件，首先使用“documentgetElementById”获取到图片标签，然后定义鼠标移动到图片上时发生的事件，这时图片将会放大3添加“onmouseout”js事件，首先获取图片标签，然后；1打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img2在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复并且给img的类设置“hover”伪类，设置伪类内的透明度为063打开浏览器，在浏览器内查看效果4将鼠标移入图片，就会发现图片已经变亮了；鼠标移开时重设定时器 butong_net_toponmouseout=functionMyMar1=setIntervalMarquee1，speed ltscript lt！向上滚动代码结束 ltbr lt！下面是向下滚动代码 ltdiv id=butong_net_bottom style=overflowhiddenheight100width90 ltdiv id=butong_net_bottom1 ltimg。

2、鼠标移动到盒子内变绿，移出变蓝ltpltp如果想让图片变色，可以把图片做成具有一定透明度的图片，改变背景颜色ltpltdivltscript type=quottextjavascriptquotfunction ToReddocumentgetElementById#39image#39stylebackgroundColor=quot#f00quotfunction ToGreendocumentgetElementById#39image；你为这个呀，可以到是可以只不过在ie6及其以前的版本上是不可以的给你一个代码，你自己看吧把自己的图片换一下就可以了lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transitionaldtdquot lthtml xmlns=quot。

3、最后把图片绑定到a标记就可以了lta href=quotlt%#DataBinderEvalContainerDataItem，quotimageBigUrlquot %quot class=quottooltipquot 大图片提示 ltaspImageButton ID=quotimage1quot runat=quotserverquot ImageUrl=#39lt%#DataBinderEvalContainerDataItem，quotimageSmallUrlquot %#39 Width=quot50pxquot Height=quot50pxquot；1加背景图片backgroundurlimagesphotojpg norepeat 图片地址是相对于当前文件的路径，使用绝对路径也可以，比如backgroundurl jpg norepeat但不推荐这样做 2这种图片加链接的话，可以用a把div包住比如lta href=quottesthtmlquotltdiv；我刚刚写的lthtml ltheadlthead ltscript lanuage=quotjavascriptquot鼠标移动到是显示DIV function mousemovesrc， oEvent oEvent = oEvent windowevent 兼容火狐 documentgetElementByIdquotbigImagequotsrc = src documentgetElementByIdquotbigImageDIvquotstyleleft =；imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA设置一个div，但是默认却是隐藏起来的s1 position absolutedisplay js function show documentgetElementByIdquots1quotstyledisplay=quotblockquot function dis；代码有bug，修改后如下需要注意，拷贝下面这段代码，保存为 html后缀名的文件需要自己在相同的目录下，放置两张图片，小图片jpg 大图片jpg 效果如下图当鼠标悬停在小图片上面的时候，会显示大图片鼠标移出，隐藏大图片问题定位需要读者自己去实现一下吧，偷懒了感谢楼上分享！lt！docty。

4、1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来csshover用法在c；html鼠标放上逐渐变大拿走变小原理如下1当鼠标移到图片上，图片变大当鼠标移出图片，图片变小2鼠标over时，设置一个定时器，让图片逐渐变大，鼠标out时同理；你可以直接用CSS样式表来制作这个效果，很简单下边是代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot lthead ltmeta。