首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

图片超链接解决方法

2013-01-20 
图片超链接a href#img src图片1/a当鼠标移动上去 想把图片变成 图片2当鼠标点击时 把图片变成

图片超链接
<a href="#"><img src="图片1"></a>

当鼠标移动上去 想把图片变成 图片2
当鼠标点击时 把图片变成 图片3

怎么操作啊?  大侠们 
[解决办法]
其实 不用 img元素就可以 
简单的实现  

  <a href="#">fsfsffs</a>

----------------------------------------------
 <style type="text/css">   
        a
        {
            display:block;
            }
        a:link,a:visited
        {
            background:url(/images/bottom.jpg)
            }
        a:hover,a:focus
        {
            background:url(/images/top.jpg)
            }
        a:active
        {
            background:url(/images/bgRound.png)
            }
    </style>

[解决办法]
根据楼上说的适当改下吧。应该就能成功了。

热点排行