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

插入图像对象鼠标经过图像，在弹出的对话框中，选择好“原始图像”和“鼠标经过图像”就行了。

2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了。

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

cssquotdisplayquot，quotquot初始化隐藏全部的图片$quot#img lieq0quotcssquotdisplayquot，quotblockquot只显示第一个图片$quot#num liquotmousemovefunction当鼠标经过数字$quot#img liquotcssquotdisplayquot。

第一种把如下代码加入ltbody区域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒状收缩“theeffects1 = “盒状向外“theeffects2 =。

原理hover触发CSS临近选择器 所需工具DW用来给图片画热区，PS算出弹出层的top和left偏移值我在Demo里画了三个热区位置如下图，你用鼠标悬停到上面即可看到效果源码lt！DOCTYPE htmllthtml lang=quotenquot。

如果要每个单元格模块不同背景的话，可以再定义几个背景图片样式，然后给td调用所有代码如下，已帮你修改测试成功lthtmlltheadlttitleindex_05_01lttitleltmeta。

你要问的是html点击左右箭头可以切换图片吗，可以根据html软件资料，在页面中实现的一个点击可以进行切换图片，点击左右两边箭头就能实现超文本标记语言，标准通用标记语言下的一个应用，html不是一种编程语言，而是一种标记。

做好准备工作，把两张100px X 100px的图片合成 100 X 200 的通过CSS图片定位来达到切换效果存放在根目录 img\tupiangif ltstyle div_1width100pxheight100pxmargin0padding0 定义一个DIV方框 div_。

2在indexhtml中的ltscript标签中，输入js代码#39a#39hoverfunction $#39img#39css#39display#39， #39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

对用JS的鼠标事件，onmouseover方法，当鼠标移动到a标签的时候把那个图片的display，变成block，只要按照这个步骤走就可以做到的。

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

\x0d\x0avar curIndex=0\x0d\x0a时间间隔单位毫秒，每秒钟显示一张，数组共有5张图片放在Photos文件夹下\x0d\x0avar timeInterval=1000\x0d\x0avar arr=new Array\x0d\x0aarr0=quotphoto。

那个透明的盒子是单独写的，写好后，使用绝对定位将其移到图片盒子区域外比如说left9999px，图片要求使用overflowhidden，这样刚开始的时候就看不见文字，然后给图片添加hover伪类，改成你需要定位的值，鼠标移上去。

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

两张图片放到一个div里面，一个显示 一个隐藏ltdiv class=quotimglistquotltimg class=quotshowquot src=quotajpgquotltimg class=quothiddenquot src=quotbjpgquotltdivltstyleimglist showdisplayblockimglist hidden。