当前位置：首页 → 问答吧 → 这个按钮怎么做出来的。。。

这个按钮怎么做出来的。。。

时间：2007-09-11

来源：互联网

这个按钮怎么做出来的。。。

126 哪个"登录"按钮

http://www.126.com/

鼠标移过去会变色

作者: heyuan163 发布时间: 2007-09-11

onmouseover
onmouseout

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题 4</title> <style type="text/css"> .but{ background-color:blue; color:white; } .buts{ background-color:white; color:blue; } </style> </head> <body> <input class="but" onmouseover="this.className='buts'" tabIndex="5" onmouseout="this.className='but'" type="submit" value="确认提交" name="submit" /> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 oror 于 2007-9-11 16:12 编辑 ]

作者: oror 发布时间: 2007-09-11

OH 明白`谢了哈

作者: heyuan163 发布时间: 2007-09-11

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>126mail</title> <style type="text/css"> * {font-size:12px; color:#222;} .but{ background:url(http://mimg.126.com/index/bg_x.jpg) -4px -4px; width:67px; height:23px; border:0; cursor:pointer; } .buts{ background:url(http://mimg.126.com/index/bg_x.jpg) -4px -30px; width:67px; height:23px; border:0; cursor:pointer; } </style> </head> <body> <input class="but" onmouseover="this.className='buts'" onmouseout="this.className='but'" type="submit" value="确认提交" name="submit" /> </body> </html>
提示：您可以先修改部分代码再运行

所用图片

作者: dolldom 发布时间: 2007-09-11

好热情啊,还以为这种问题没人会回答呢...

作者: FishStanding 发布时间: 2007-09-11

收藏一下～～～～～～～～～～～

作者: hnlzy188 发布时间: 2007-09-11

好东西啊，谢谢

作者: vickigirl 发布时间: 2007-09-11

太强了谢谢我下来研究一下。

作者: piaoke3 发布时间: 2007-09-11

收藏了~~~~~~~~~~~

作者: cxfllw 发布时间: 2007-09-12

不知道这个情况能不能用A:HOVER来实现呢？

作者: Lion5859 发布时间: 2007-09-12

[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>126mail</title>
<style type="text/css">
* {font-size:12px; color:#222;}
input {
background:url(http://mimg.126.com/index/bg_x.jpg) -4px -4px;
width:67px;
height:23px;
border:0;
cursor