请求如何用CSS实现鼠标移动到某张图片链接的时候 图片变成另外一张。要求CSS特效代码和图片代码分开!

如题所述

不能做背景就只能JS了,
html:

<img src="1.jpg" id="img1" onmouseover="change('2.jpg');" onmouseout="change('1.jpg');" />

javascript:

function change(e) {
document.getElementbyId('img1').src=e;
}

注意html的img标签里面的change();括号里面的是图片地址,而且必须加单引号。
onmouseover是鼠标移到图片上面执行什么函数的意思,onmouseout就是鼠标移开
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-10-27
如果图片作为链接的背景嵌入的可以这样写:
例如:<a href="#" class=“img”></a>
CSS:
img:{ background:url(1.jpg) no-repeat 0 0; }
img:hover{ background:url(2.jpg) no-repeat 0 0; }

如果图片不是背景嵌入的,那不好意思,css可能实现不了,必须要用js了~追问

这个我主要是要放到淘宝里面用的。所以不能为背景

追答

那就只能用js了
js有很多方法可以实现。

追问

问题是淘宝内不可以JS

第2个回答  2014-08-28
因为别人会伪装而你不
卡锡河默默地流
晃动她的臂膀在黑油油的青草地.
他们失忆了一样,
---我跟着她同唱,---
风铃在夜中摇晃哈哈本回答被提问者采纳

CSS鼠标移动到我的连接图片的时候更换另一张图片?
给img标签加个属性:border="0"后,就不会有边框了 图片的高度和宽度可以不用设定,只是设置了鼠标的两种状态,切换的其实是图片的地址src

鼠标指向加了链接的图片时原图片变成另外一张图的CSS样式怎么写啊_百度...
.change1 { width:100px;height:30px;font:16px\/24px arial,sans-serif;color:black;background: gray url(图片名) no-repeat 8px center;} .change1:hover { color:white;background-color:blue;background-image:url(图片名);} 女装上装 ...

网页代码中鼠标移到图片某个区域自动弹出另一张小图的代码怎么编辑?
}.img1 {top: 199px; left: 153px;}.img2 {top: 369px; left: 552px;}.img3 {top: 411px; left: 632px;}.hotspot:hover + .bigImg {display: block;}

求个"鼠标经过一张图片的时候帮边弹出另一张图片"的js代码???
简单的可以用css:css:#one{position:relative;} hidden{position:absolute; top:100px;left:200px;display:none;} one:hover #hidden{display:block;}} ---> 或者使用js控制;var one=document.getElementById('one'),hidden=document.getElementById('hidden');one.onmouseover=function(){ ...

怎么利用CSS代码控制导航图片翻转效果?
a:link{background:url("a.jpg")} 链接默认状态 a:visited{background:url("a.jpg")} 链接访问过以后的状态 a:hover{background:url("b.jpg")} 当鼠标移动上去的状态 a:active{background:url("c.jpg")} 当前的活动状态 放到样式里面就可以了 具体的导航名称自己定义!

DIV+CSS的问题,将图片作为链接,如何实现点击之后点击处变成另一张图片...
你现在的效果应该是鼠标移上去之后会变成另外一张图片。使用的是CSS的伪类,a:link {color: #FF0000}\/* 未访问的链接 *\/ a:visited {color: #00FF00}\/* 已访问的链接 *\/ a:hover {color: #FF00FF}\/* 鼠标移动到链接上 *\/ a:active {color: #0000FF}\/* 选定的链接 *\/ 提示:在 ...

用css怎么做DW5的当鼠标经过图片图片放大离开变回原形的效果?
1、假设图片外层DIV的class为pic,图片的大小是400*300,html代码可以写成下面这样: 2、如果希望鼠标经过时图片的尺寸变成600*450,那么在css里面只要这样定义就行了:picimg:hover{width:600px;height:450px} 3、这个代码在ie6下会不生效,因为ie6不支持除A标签外的其他元素的:hover伪类。如果要在i...

百度空间关于我 如何做到 鼠标过链接图时 被替换成另一张
用css可以解决此问题。一般是使用a的样式:正常状态 a { background:url(图片位置); } 指向状态 a:hover { background:url(另一张图片位置); }

这种鼠标移上去显示另一个图片是怎么做的 用CSS哦
如果使用css hover 的话,只能改背景图片 如果想img的路径的话,只能用js oImg.onmouseover = function(){ this.src = 'images\/new_pic.jpg'; \/\/类似这样 }

图片的hover态鼠标移过现实另一个图片如何制作鼠标hover图片改变_百度...
html如何在鼠标经过另一张图片时显示它?1、准备切换图片素材,一般是两张,如图,放入img文件夹,跟HTML同级。1。准备切换图片素材,一般是两个,如图,放在img文件夹里,和HTML一个级别。2、然后用img嵌入到网页,嵌入其中的一张,另外一张待会切换。2.然后用img嵌入到网页中,嵌入其中一个,以后再...

相似回答