1、1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取im。

2、1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的ltscript标签中，输入js代码#39a#39hoverfunction $#39img#39css#39display#39， #39block#393浏览器运行ind。

3、分别写一个onmouseover和onmouseout事件然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸具体代码实现如下ltimg id=quotimgquot onmouseover=quotbiggerquot onmouseout=quotsmallerquot src=quot你的图片路径quot style。

4、quot onmouseout=quotdisquot ltdiv class=quots1quot id=quots1quotltimg src=quotbigbmpquotltdiv 要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

5、鼠标的移入移出事件，可以参考下手册，思路就是 1， 你给每个图片都有一个特殊的id标示，然后隐藏的div就是文字显示的id可以为quotimg_quot+图片的id 2 移入时 隐藏id图片 显示quotimg_quot+图片的id的div文字 3移出时 就。

6、doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitle无标题文档lttitleltheadltbodyltstyleul，liliststylemargin0padding0liwidth287pxheight287pxpositionrelativeli adisplayblock。

7、2在indexhtml中的ltscript标签，输入js代码function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3浏览器运行indexhtml页面，此时点击图片会换一张图片。

8、hover事件啊默认的是display，鼠标指向的时候displayblock。

9、2在lthead里声明ltstyle bodybackgroundattachment fixedbackgroundimage urlimga3jpg 3现在背景设置好了，加入内容，看看效果在ltbody内写入内容运行滚动鼠标图片是不是不动的4点击。

10、1方法一，利用html特性，每个标签都有一个title属性当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失，如下div height100pxwidth100pxbackgroundcolor aqua ltdiv title。

11、最简单的做法，给标签增加title属性，并赋上要显示的内容，也就是添加title属性即可代码ltdiv title=quot全部内容quot部分内容ltdiv 注title 属性常与 form 以及 a 元素一同使用，以提供关于输入格式和链接目标的信息。

12、把下面的代码另存为html，做两张图，一张带阴影的1jpg，一张不带2jpg放到同目录下即可 ltscript function change documentgetElementByIdquotimg1quotsrc = documentgetElementByIdquotimg1quotsrc == quot2。

13、lt！DOCTYPE HTML lthtml lthead ltmeta charset=UTF8 lttitleYuGiOhlttitle ltstyle type=quottextcssquot * margin0 padding0 #div position absolute top 50。

14、html不行哦，要用js来实现。

15、设置ahover的css样式就可以了呀，就是改变a的背景图片，这个是最简单的当然也可以改变不透明度。