如何将图片做成按钮的效果呢，就是点的时候，有按下、起来的效果，如何作？

netying 2011-10-25 10:44:50

我有一个图片做成的链接：

<a href="xxxxx.html" target="_blank"><img src="images/xxxx.jpg" width="39" height="180" border="0"></a>

现在我想让这个图片具有按钮的效果，就是点的时候，有按下、起来的效果，如何作？

谢谢！

...全文

684 23 打赏收藏转发到动态举报

写回复

用AI写文章

23 条回复

切换为时间正序

请发表友善的回复…

发表回复

miaoyi110 2012-12-14

打赏
举报

全写在dreamwaver里面吗><

persuit666 2011-10-31

打赏
举报

我把事件写错了。。。
<img src="xxx.jpg" style="position:relative;" onmousedown="set('down',this)" onmouseup="set('up',this)">

js:
function set(cssname,obj)
{
obj.className=cssname;
}
css:
.down(left:1px;top:1px;)
.up{left:0;top:0;}

试试

netying 2011-10-27

打赏
举报

#16楼，我是要用图片，不是用css

netying 2011-10-27

打赏
举报

#19的，没有效果啊。

netying 2011-10-26

打赏
举报

有没有具体的例子？初学，多谢了！

netying 2011-10-26

打赏
举报

有没有测试过的代码，我属于初学，不太懂，谢谢

mabing081 2011-10-26

打赏
举报

鼠标悬停，离开时，图片变换大小，试试。

netying 2011-10-26

打赏
举报

都不好用啊，还请帮忙

persuit666 2011-10-26

打赏
举报

<img src="xxx.jpg" style="position:relative;" onkeydown="set('down',this)" onkeyup="set('up',this)">

js:
function set(cssname,obj)
{
obj.className=cssname;
}
css:
.down(left:1px;top:1px;)
.up{left:0;top:0;}

试试可以吗

潮起潮落 2011-10-26

打赏
举报

上过起点中文网吗。
设置偏移几PX可以简单达到近似的效果。

javascript_2011 2011-10-26

打赏
举报

flash 按钮

bear63 2011-10-26

打赏
举报

http://www.mayixueyuan.com/newshow.php?id=145

http://www.mayixueyuan.com/UploadFile/file/html_all/20110725_html_css_button/20110725_html_css_button.html

实例。

netying 2011-10-26

打赏
举报

顶！分数不是问题

netying 2011-10-25

打赏
举报

box-shadow ,怎么用啊？

PerterPon 2011-10-25

打赏
举报

试试看box-shadow吧，调得好的话，会有你想要的结果

amhoho 2011-10-25

打赏
举报

css来做，用两张图做背景，鼠标经过或按下的时候换成有效果的背景就可以了。
<a class="btn">特别专题</a>
.btn {background: url("http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif") no-repeat -311px -19px;text-indent: -9999px;}
.btn:hover{background-position: -311px -468px;}

netying 2011-10-25