1、在HTML5中，可以通过JavaScript监听鼠标悬停事件，当鼠标指针移动到图片上方时，动态更改图片的src属性，从而实现图片的切换具体操作步骤如下首先，需要在HTML文件中添加一个图片元素ltimg id=quotmyImgquot src=quotpathtoinitialimagejpgquot alt=quot初始图片quot 接着，在JavaScript代码中添加事件。

2、在HTML制作过程中，如果希望两个图片并列排着，且当鼠标滑到其中一个图片上的时候两个图片都能改变，可以借助JavaScript来实现这一效果具体做法是，在HTML代码中为两个图片分别添加id，然后通过JavaScript监听鼠标悬停事件，当鼠标悬停在其中一个图片上时，同时改变两个图片的样式或src属性例如，假设我们。

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

4、下载一下jquery插件，然后新建一个ToolTipjs文件，在该文件下写入以下代码function var x = 10var y = 10quotatooltipquotmouseoverfunctione thismyTitle = thistitlethistitle = quotquotvar tooltip = quotltdiv id=#39tooltip#39ltimg src=#39quot + thishref + quot#39 alt=#39产。

5、1准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级2然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换3如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS4如图，获取img，转成JS对象，加个0就可以转js对象了5然后设定经过事件，切换成另一。

6、style是CSS命令，它是嵌入在HTML中的一种写法，cursorpointer是CSS中的一个效果，意思是鼠标为手型也就是说，当你把鼠标移动到图片上时，鼠标将会变成一种小手pointer是可兼容IE和火狐等多种内核浏览器的onClick是JS脚本语言中的鼠标事件，意思为当鼠标点击时的效果它的内容是thissrc=。

7、1打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img2在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复并且给img的类设置“hover”伪类，设置伪类内的透明度为063打开浏览器，在浏览器内查看效果4将鼠标移入图片，就会发现图片已经变亮了。

8、HTMLltdivltimg src=quotpicturepicture301jpgquot width=quot100quot ltdivJuotdivquothoverfunction$thisfindquotimgquotattrquotsrcquot，quotpicturepicture302jpgquot，function$thisfindquotimgquotattrquotsrcquot，quotpicturepicture303jpgquot。

9、1新建html文档，在body标签中添加图片标签，为这个标签设置“id”属性，然后设置图片的默认显示大小css属性2添加“onmouseover”js事件，首先使用“documentgetElementById”获取到图片标签，然后定义鼠标移动到图片上时发生的事件，这时图片将会放大3添加“onmouseout”js事件，首先获取图片标签，然后。

10、onmousemove事件属性在HTML图片元素上，使用onmousemove事件属性这个属性允许你指定一个JavaScript函数，当用户将鼠标移到图片上时，这个函数会被自动调用JavaScript函数onmousemove事件属性指定的JavaScript函数内容可以是任何有效的JavaScript代码在这个实例中，函数内容是alert这意味着当用户将鼠标移。

11、第一步把下面这段代码插入到页面的lthead与lthead之间ltscript language=javascript isns = navigatorappName == quotNetscapequotfunction ztstrid，picurl，linkurl thisid=id thispicurl=picurl thislinkurl=linkurl zhuanti=new Arrayimgcount=1frequency=10*100030秒 在这里修改图片的路径和链接 zhuanti1=new zt。

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

13、1新建html文档2在head里插入链接和图片样式，表示鼠标经过时图片放大，代码如下ltstyle type=quottextcssquot a #bigwidth800pxheight480px a #bighover width1200pxheight720px ltstyle 3在body里插入lta href=quot#quotltimg id=quotbigquot src=quotimagesdonejpgquot lta。

14、transition backgroundimage 05s easeinout 可选，为了使背景图片切换更平滑 * myelementhover backgroundimage url 4 测试效果保存你的HTML和CSS文件，并在浏览器中打开HTML文件以测试鼠标悬停效果当你把鼠标移到`myelement`上时，背景图片应该会切换到你为`hover。

15、html中要图片过一定时间就可以自动换怎么设置1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2方法一在html文件中设置html的中有两个关于背景的属性，其中的background用来设置背景图片示例如下如果背景图片小于网页显示窗口，那么这个背景图片会自动重复3else。

16、这样ltAhref=quotquotltimgsrc=quotimagesyumenjpgquotonmouseover=quotthissrc=#39imagesyumen1jpg#39quotonmouseout=quotthissrc=#39imagesyumenjpg#39quotwidth=quot100quotheight=quot28quotltA设置一个div，但是默认却是隐藏起来的s1 position absolutedisplay js function show。

17、lthtmlltheadlttitle柏艾尔boaercom鼠标触碰会动的图片lttitleltheadltBODYlt！将以下代码加入HTML的ltBodyltBody之间ltstyleshakeimagepositionrelativeltstyleltimg src=quotitem0dcee5b1b1e4b89ce4bc98e7bd912c03jpgquot class=。