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

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

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

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

Dreamweaver提供了一种简便的方法来实现动态图片效果，只需在工具栏中选择“插入”“图片对象”“鼠标经过图片”这种设置方法能够自动处理鼠标悬停时图片的切换如果你更倾向于使用CSS来实现这一效果，可以利用伪类hover具体操作方式取决于你对CSS的熟悉程度不过需要注意的是，这种方法可能在某些较。

一通过css样式中的 quothoverquot实现，代码如下 lt！DOCTYPE htmllthtml lang=quotenquotltheadltmeta charset=quotUTF8quotlttitleDocumentlttitleltstyledivbackgroundredwidth200pxheight200pxdivhoverbackgroundredwidth500pxheight500pxltstyleltheadltbodyltdiv变大ltdivlt。

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

1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来csshover用法在。

所有代码如下，已帮你修改测试成功lthtmlltheadlttitleindex_05_01lttitleltmeta。

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将鼠标移入图片，就会发现图片已经变亮了以上就是用CSS设置鼠标经过图片变亮，移开变变暗。

第一步把下面这段代码插入到页面的lthead与lthead之间ltscript language=javascript isns = navigatorappName == quotNetscapequotfunction ztstrid，picurl，linkurl thisid=id thispicurl=picurl thislinkurl=linkurl zhuanti=new Arrayimgcount=1frequency=10*100030秒。

#39img#39hoverfunction$#39#文字的id#39show，function$#39#文字的id#39hide其实主要是看你文字在什么文字 如果是被图片遮住，就给图片加个定位，层次zindex写为1在最下面就行了。

你的css修改的是a标签的背景a标签中的内容把a标签的背景遮住了很不规范的写法，不建议给a标签添加宽度背景之类的属性你的hover样式没必要重复sy1的初始样式因为12两点，即使你的背景是有变化的，你也看不到，始终只能看到sy1png的内容你可以把div里面的a标签和img标签删掉，并将css。

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

添加图片title属性就可以再设计窗口选中图片，在点代码窗口在图片img后面加上 title=quot显示的字quot 就可以了。

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

1碰上去是移动上去，还是点击2打开网络连接，是超链接么A图移动上去就换B图，点击进入的做法是 lta href=quotltimg src=quotajpgquot onmoveover=quotthissrc=#39bjpg#39quot lta。