设为首页收藏本站
切换到简单版切换到宽版

新足迹

 找回密码
 注册
新足迹 › 论坛 › 兴趣爱好区 › IT与科技 › IT专业论坛 › CSS如何写鼠标经更换图片？代码求改

精华好帖回顾

· 真正有机品牌The organic pharmacy (2007-5-26) 飞行 · 美利坚，难忘和你一起的那半年 (2017-9-4) echo0803
· 馋虫小宇宙爆发 － 自制潮汕肠粉(坑全部填完) (2010-3-21) 小小强 · 生日蛋糕二重奏-17张图分享水果奶油蛋糕制作全过程 (2011-8-20) 猪小妹
Advertisement
Advertisement
返回列表 发新帖
查看: 1498|回复: 9

CSS如何写鼠标经更换图片？代码求改 [复制链接]

李芸芸

发表于 2013-3-19 18:35 |显示全部楼层
此文章由 李芸芸 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 李芸芸 所有！转贴必须注明作者、出处和本声明，并保持内容完整
不在html的<head>里面直接插入js码（不知道为什么我在一个html文件的<head>里直接插入CSS来定义网页内容格式的话，浏览器总是显示自动block掉不安全因素）

因此CSS要单独做一个.css文件，然后在html文件里面链接这个css文件

问题来了：
原本在html文件里某处插入一个点击后可以跳转链接的图片文件：
<div class="gaa">
  <dl>
    <dt3>
      <a href="XXX.html"><img src="YYY.gif" width="100" height="100" /></a>
    </dt3>
  </dl>
</div>

后来做了另外一张图片YYY2.gif，希望鼠标移到YYY.gif上时，可以更换成YYY2.gif
应该在css文件里插入一行什么代码呢？
Advertisement
Advertisement

举报

joerkky

发表于 2013-3-19 18:36 |显示全部楼层
此文章由 joerkky 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 joerkky 所有！转贴必须注明作者、出处和本声明，并保持内容完整
img:hover {
background-image: url('...')
}

举报

李芸芸

发表于 2013-3-19 19:13 |显示全部楼层
此文章由 李芸芸 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 李芸芸 所有！转贴必须注明作者、出处和本声明，并保持内容完整
joerkky 发表于 2013-3-19 18:36
img:hover {
background-image: url('...')
}

请问这句完整的代码是？我已定义的div，dt3插入在哪里呢？

因为网页上有好多IMG啊@_@，

举报

joerkky

发表于 2013-3-19 19:22 |显示全部楼层
此文章由 joerkky 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 joerkky 所有！转贴必须注明作者、出处和本声明，并保持内容完整
dl, dt3这些tag我都不懂@_@ 还是等高人吧

举报

yolandalinz

发表于 2013-3-20 15:06 |显示全部楼层
此文章由 yolandalinz 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 yolandalinz 所有！转贴必须注明作者、出处和本声明，并保持内容完整
gaa .hover

举报

gooderic1977

发表于 2013-3-20 15:14 |显示全部楼层
此文章由 gooderic1977 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 gooderic1977 所有！转贴必须注明作者、出处和本声明，并保持内容完整
应该用sprites才对。

2个img都在sprites里，作为a tag的background, a 做成block, hover的时候改变 background position.
Advertisement
Advertisement

举报

鱼羊鲜

发表于 2013-3-21 16:18 |显示全部楼层
此文章由 鱼羊鲜 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 鱼羊鲜 所有！转贴必须注明作者、出处和本声明，并保持内容完整

举报

joerkky

发表于 2013-3-21 21:58 |显示全部楼层
此文章由 joerkky 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 joerkky 所有！转贴必须注明作者、出处和本声明，并保持内容完整
高人就在楼上，MM要多多请教哦

举报

seabookf_91

发表于 2013-3-23 00:46 |显示全部楼层
此文章由 seabookf_91 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 seabookf_91 所有！转贴必须注明作者、出处和本声明，并保持内容完整
帮你写了一个demo， 你的代码 有点问题

http://jsfiddle.net/Seabook_JS/3VjBN/

举报

bowensyd

发表于 2013-3-23 20:41 |显示全部楼层
此文章由 bowensyd 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 bowensyd 所有！转贴必须注明作者、出处和本声明，并保持内容完整
lz对CSS的id ，class 。tag的理解不够， dom里面的每个element都可以精确定位的。

举报

返回列表 发新帖

发表回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Advertisement
Advertisement
返回顶部