<input onmouseover="this.style.backgroundColor='#ff0000'" style="FONT-SIZE: 12px; WIDTH: 60px; COLOR: #e0e0e0; HEIGHT: 12px; BACKGROUND-COLOR: #006898; boder: 2 solid #3399FF" onmouseout="this.style.backgroundColor='#006898'" type="submit" name="submit" value="登录" />
<input onmouseover="this.style.backgroundColor='#ff0000'" style="FONT-SIZE: 12px; WIDTH: 60px; COLOR: #e0e0e0; HEIGHT: 12px; BACKGROUND-COLOR: #006898; boder: 2 solid #3399FF" onmouseout="this.style.backgroundColor='#006898'" type="reset" name="reset" value="重置" /> 
<img language="javascript" id="Login" onclick="return Login_onclick" height="18" alt="" width="50" name="Login" src="images/fc.gif" />
<img language="javascript" id="Reset" onclick="return Reset_onclick" height="18" alt="" width="50" name="Reset" src="images/q.gif" /> 

<Script Language=javascript>...
<!--
function Login_onclick()
...{
document.form1.submit();
}
function Reset_onclick
...{
document.form1.loginName.value=""
document.form1.password.value=""
document.form1.loginName.Focus()
}
-->
</Script>
本文介绍了一种使用HTML和CSS实现登录按钮的方法,并通过JavaScript添加了交互功能,包括登录和重置操作。详细展示了按钮在鼠标悬停时背景颜色的变化效果。
1412

被折叠的 条评论
为什么被折叠?



