哪位知道163邮箱的那个登陆按钮是怎么做的?

来源：百度知道 编辑：UC知道 时间：2024/09/20 12:03:33
就是哪个蓝色的按钮,点击的时候会变颜色.
http://mail.163.com/
最好有源代码,提供者追加10分.

<table border="0" cellpadding="0" cellspacing="0" style="width:66px; height:23px; border:1px solid #D2E1EE; float:left;margin-left:10px !important; margin-left:4px;" onMouseOver="this.style.borderColor='#00FF00'"
onMouseOut="this.style.borderColor='#D2E1EE'">
<tr>
<td ><input name="登录邮箱" type="submit" id="btn1" value="登录邮箱" title="登录邮箱" onclick="setCookie('ntes_mail_firstpage','normal')"/ style="border:#70B1CF 1px solid;background-position: -15px -196px; line-height:20px"></td>
</tr>
</table>

使用CSS样式表来定义就可以

鼠标事件

发光时的图片应该是另一张图, 鼠标移动到原图之后就显示另一张图(带绿边框), 移开后还原

可以参考这里, 原理不难