indexhtml，编写问题基础代码2在indexhtml中的lta标签，输入js代码中的style属性中输入hovercolor #0a6aa13浏览器运行indexhtml页面，此时鼠标移动到div123上，123的颜色确实根据hover的定义而变化了；你可以直接用CSS样式表来制作这个效果，很简单下边是代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml xmlns=quot。

四个伪类定义时需要按以上顺序来，否则会发生错误你所说的就是现象就是hover时出现的情况举个例子 先定义好样式ahover backgroundcolorgreen 鼠标悬停在链接上时背景变为绿色 在html代码中查看效果lta；设置鼠标滑过div时背景变色给bg样式类添加鼠标滑过hover，然后设置鼠标滑过时的背景颜色如图 代码 bghover backgroundcolor burlywood 实用浏览器打开保存好html后使用浏览器打开，在鼠标没有滑过div时背景。

边框尽量用在a上，避免用在img上 hover伪类尽量用在a上，因为IE6不支持其他元素的hover伪类hover意思就是鼠标移上去的动作不知道你有没有用reset来清理页面，毕竟各浏览器默认效果不一，因此我把reset的css也写了；1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级1准备切换图片素材，一般是两个，如图，放在img文件夹里，和HTML一个级别2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换2然后用im。

首先，灰色的图片写一个样式，设置背景是灰色例如picGreybackgroundgrey，然后再写一个粉色背景的样式picPinkbackgroundpink比如大图的灰色图片的ID是 pic1，然后鼠标滑过粉色图片的时候 $#39#pic1#39add。

html如何设置鼠标经过变色

1、二在HTML文件中找到body标记，在标记中创建一个div标记，并将类设置为BG三在title标记之后创建一个样式标记，以将样式添加到BG类为BG类设置宽度高度和背景色四将背景颜色设置为在鼠标移动到Div上时更改添加。

2、不用那么麻烦，活用a标签就可以了 ltstyle type=quottextcssquot ahome backgroundurl鼠标滑过之前的图片地址 norepeat width100px height20px displayinlineblock_floatleft ahomehover background。

3、鼠标移动到盒子内变绿，移出变蓝ltpltp如果想让图片变色，可以把图片做成具有一定透明度的图片，改变背景颜色ltpltdivltscript type=quottextjavascriptquotfunction ToReddocumentgetElementById#39image#39style。

4、ltstyle type=quottextcssquot * 最简单的reset方式* margin0 padding0 img border * 第二部分 给a标签定义一个类名，名字随意，将a转换为块级元素，并设定他的宽高和图片一样* abor。

html5鼠标经过图片变色

1、bbackgroundcolor在有backgroundimage的情况下，不起作用ccontent1 hover这里面又多了一个空格有的时候，也会导致失败三正确的代码lt！doctype htmllthtmlltheadltmeta charset=quotUTF8quotltmeta name=quot。

2、做好是给图片加以个lta标签，然后对lta标签设置hover 例如一个图片ltimg src=#39examplejpg#39 width=#39100#39 height=#39100#39 alt=#39举例#39 移上去的图片叫hoverjpg 两个图片大小一样 改写成 lta href=#39javascript#39 i。

3、HTML的标准你怎么改不要挣扎了，改不了的如果一定要改的话，加一个mouseover事件，当鼠标滑过的时候，弹出一个div吧，div 里面的样式自己可以随便控制。

4、需要用到js脚本的onmouseover和onmouseout等这是非常简单的但是如果你不了解js可以使用DreamWeaver中的一项功能插入图像对象鼠标经过图像，在弹出的对话框中，选择好“原始图像”和“鼠标经过图像”就行了。