两个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>
<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>
相关文章推荐
- 用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个js效果
- 表单提交到下一个页面后,再点击IE上的后退,如何能让表单内容再次显示出来?(以及当前页禁止IE返回按钮js)
- js 图片预览效果,左右滚动,有两个按钮控制
- JS控制点击按钮图片向左或向右循环移动滚动效果
- 在网页中使用按钮达到IE中后退按钮的效果
- 用html5 js实现点击一个按钮达到浏览器全屏效果
- 用户退出和退出后按后退按钮又可以操作的问题,html,jsp缓存,禁止缓存
- js禁止浏览器后退,防止重复支付
- JS做”返回顶部”按钮功能并实现滑动效果
- js禁止后退
- 原生JS编写图片切换效果和点击按钮的样式变化
- 用html5(requestFullscreen) js实现点击一个按钮使浏览器全屏效果
- js屏蔽backspace键/点击浏览器后退按钮提示
- js实现带按钮的上下滚动效果
- js实现简单的获取验证码按钮效果
- js禁止页面刷新后退
- 题目:当点击按钮时,如何实现两个td的值互换?【js】
- js 禁止页面后退
- 送上两个好的js效果:仿CSDN图片轮换和图片弹出查看
- js点击按钮加载更多效果