请求如何用CSS实现鼠标移动到某张图片链接的时候 图片变成另外一张。要求CSS特效代码和图片代码分开!
3个回答
展开全部
不能做背景就只能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就是鼠标移开
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就是鼠标移开
展开全部
如果图片作为链接的背景嵌入的可以这样写:
例如:<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了~
例如:<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有很多方法可以实现。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
因为别人会伪装而你不
卡锡河默默地流
晃动她的臂膀在黑油油的青草地.
他们失忆了一样,
---我跟着她同唱,---
风铃在夜中摇晃哈哈
卡锡河默默地流
晃动她的臂膀在黑油油的青草地.
他们失忆了一样,
---我跟着她同唱,---
风铃在夜中摇晃哈哈
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询