您的位置:首页 > Web前端 > JavaScript

两个JS||按钮效果和禁止后退

2005-12-16 15:46 561 查看
Button:

<style type=text/css>
.buttonSubmit {
BORDER-RIGHT: #660 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #660 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #660 1px solid; COLOR: #fcc; PADDING-TOP: 1px; BORDER-BOTTOM: #660 1px solid; BACKGROUND-COLOR: #900
}
.buttonReset {
BORDER-RIGHT: #660 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #660 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #660 1px solid; COLOR: white; PADDING-TOP: 1px; BORDER-BOTTOM: #660 1px solid; BACKGROUND-COLOR: #660
}
.buttonSubmitRoll {
BORDER-RIGHT: #660 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #660 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 9pt; PADDING-BOTTOM: 1px; BORDER-LEFT: #660 1px solid; COLOR: white; PADDING-TOP: 1px; BORDER-BOTTOM: #660 1px solid; BACKGROUND-COLOR: #cc0
}
.button {
BORDER-RIGHT: #6188af 1px solid; BORDER-TOP: #6188af 1px solid; FONT-SIZE: 12px; BACKGROUND: #ffffff; BORDER-LEFT: #6188af 1px solid; COLOR: #000000; BORDER-BOTTOM: #6188af 1px solid; FONT-FAMILY: "Verdana"
}
</style>

<script language=JavaScript type=text/javascript>
function classChange(styleChange,item)
{
item.className = styleChange;
}
</script>

<asp:Button id=Button1 class="buttonSubmit" onmouseover="classChange('buttonSubmitRoll',this)" onmouseout="classChange('buttonSubmit',this)" runat="server" Text="Button"></asp:Button>
<A HREF="下页.aspx" onclick="javascript:location.replace(this.href);event.returnValue=false;"> 不能后退</A>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息