css鼠标经过图片切换
答：要用CSS，而不是js的话，不得不用hover伪类了。.btn {background:url(xx.jpg) no-repeat;}.btn:hover {background:url(yy.jpg) no-repeat;}不过最好是两张图片合为一个图片，这样hover的时候只要改变背景的position就行了，也不怕图片因为没有预加载而一下显示不出来。最后要说的就是IE6不支...
答：1、准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。1。准备切换图片素材，一般是两个，如图，放在img文件夹里，和HTML一个级别。2、然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。2.然后用img嵌入到网页中，嵌入其中一个，以后再切换另一个。3.如图，现在是静态的，鼠...
答：使用jquery的toggle方法进行图片切换：(function(){ ("#h1").toggle(function(){ ("#h1").css("background-image","路径('./20110528073501b54e6.jpg')");},function(){ ("#h1").css("background-image","路径('./2011060708410874041.jpg')");})}) CSS .hh1{ background: url("./...
答：将图片作为背景图（background-image）使用,当鼠标放上去（hover）时更改背景图片
答：1、加背景图片：background:url(../images/photo.jpg) no-repeat; 图片地址是相对于当前文件的路径，使用绝对路径也可以，比如background:url( http://www.xxx.com/images/photo.jpg ) no-repeat;但不推荐这样做。 2、这种图片加链接的话，可以用a把div包住。比如 ...
答：class="test" href="#">也可以这样做：a容器，，，b图片一，，，c图片二，，bc都定位在A里 a容器 c图片二{display:none；} a容器:hover B图片一{display:none；} a容器:hover c图片二{display:block；} 还有很多很多方法，，，不过建议直接用JS来实现吧，，网上现成代码很多。。。
答： a.home {background:url(鼠标滑过之前的图片地址) no-repeat; width:100px; height:20px; display:inline-block;_float:left;} a.home:hover {background:url(鼠标滑过的图片地址) no-repeat; 首页 这样就可以实现有链接的可以换图的效果 ...
答：2、在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复。并且给img的类设置“:hover”伪类，设置伪类内的透明度为0.6。3、打开浏览器，在浏览器内查看效果。4、将鼠标移入图片，就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮，移开变变暗效果的演示。
答：05_01_03.jpg);/*替换图片地址*/ display:block;}<!-- Save for Web Slices (index_05_01.jpg) -->
答：有3种方法，一种是你把图片设置为背景，然后用css的a:hover来实现;如果你不愿意把图片设置为背景，那么就用javascript函数，onmouseover=function(); 还有一种方法是把按钮改为FLASH按钮；3种方法随你喜欢
网友评论：
巫态19136118496：
如何用CSS实现鼠标移动到某张图片时变成另一张图片 -
29732秦于
： <style> .test{display:block;width:100px;height:100px;background:url(xxx.jpg)} .test:hover{background:url(yyy.jpg)} </style> <a class=＂test＂ href=＂#＂></a>也可以这样做: a容器,,,b图片一,,,c图片二,,bc都定位在A里 a容器 c图片二{display:none;} a容器:hover B图片一{display:none;} a容器:hover c图片二{display:block;}还有很多很多方法,,,不过建议直接用JS来实现吧,,网上现成代码很多...
巫态19136118496：
求一个,鼠标放在图片上自动切换图片的css代码. -
29732秦于
： 用伪类 比如 #id{background:url(xxx.jpg)} #id:hover{background:url(aaa.jpg)} 这样只能切换两张图 如果要切换多张就要用js
巫态19136118496：
CSS代码鼠标经过图片变换如何做 -
29732秦于
： 这样就搞定了...里面的图片位置你自己放了哟~~~<img src=＂#＂ name=＂picture＂ width=＂330＂ height=＂210＂ border=＂0＂ align=＂middle＂onMouseOver=＂this.src='#'＂ onMouseOut=＂this.src='#'＂>
巫态19136118496：
怎么才能在CSS中实现 一张图片当鼠标划过时变成另一张图片 ?
29732秦于
： 要用CSS,而不是js的话,不得不用hover伪类了. .btn {background:url(xx.jpg) no-repeat;} .btn:hover {background:url(yy.jpg) no-repeat;} 不过最好是两张图片合为一个图片,这样hover的时候只要改变背景的position就行了,也不怕图片因为没有预加载而一下显示不出来. 最后要说的就是IE6不支持除a以外其它元素的hover伪类.
巫态19136118496：
鼠标经过图片变换 用CSS怎么做 多谢
29732秦于
： 楼主是不是要:鼠标经过的时候原来的图片变换成另外一张.. 代码如下 <img src=＂原来图片的位置＂ name=＂picture＂ width=＂330＂ height=＂210＂ border=＂0＂ align=＂middle＂ onMouseOver=＂this.src='变换的图片位置'＂ onMouseOut=＂this.src='原来图片的位置'＂>
巫态19136118496：
CSS我有一张图片想鼠标经过后变另一个图片 -
29732秦于
： <img src=＂images1.PNG＂ onMouseOver=＂this.src='images/2.gif'＂ onMouseOut=＂this.src='images/1.png'＂>
巫态19136118496：
您好,关于如何利用css 使鼠标经过图片时 图片就自动变成另一张图片了 鼠标离开后还原 -
29732秦于
： 1、加背景图片:background:url(../images/photo.jpg) no-repeat; 图片地址是相对于当前文件的路径,使用绝对路径也可以,比如background:url( http://www.xxx.com/images/photo.jpg ) no-repeat;但不推荐这样做. 2、这种图片加链接的话,可以用a把div包住.比如
巫态19136118496：
css中如何定义鼠标经过改变图片 -
29732秦于
： 从原理说起吧:激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来,样式如下:1. a:link {background:url(images/bg1.jpg) no-repeat 0 0;} /* 未访问的链接 */2. a:visited {...
巫态19136118496：
如何在网页实现鼠标经过图像? -
29732秦于
： 有种最简单的, Dreamweaver 里边 插入——图像对象——鼠标经过图像 然后选择好两张图就可以了.要不就在CSS里边定义,在A标签里边设置个背景图,然后A:hover里边设置另一个背景图就可以了.
巫态19136118496：
CSS+DIV实现鼠标经过背景图片变换 -
29732秦于
： 你这个没有用到css啊.要用css可以这样.#div1{width:60px;} div#div1{background:url(3.jpg) no-repeat;} div#div1:hover{background:url(2.jpg) no-repeat;}
