注册的时候需要发送验证激活帐号的邮件,为了避免邮件的多次重复发送,所以可以在点击了发送后,设置button要过一段时间才能继续点击。下面是一个简单的例子: 代码如下: 点击获取验证码按钮后按钮变灰,倒计时一段时间后又可重复点击 var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value=wait+"秒...
上篇博客写的是复选框的,这次写的是单选框的,有时查询的时候,只能选择一条记录,如果将选中的这条记录的行高亮显示,同时该行的单选按钮也被选中了,这样会提高用户的体验的。如今的时代,就是用户体验的时代。 效果如下: CSS文件如下如下所示: 代码如下: .selected{ background:#FF6500; color:#fff; }: 这次的js文件的代码就变得更简单了,如下所示: 代码如下: /** * 设置含有单选按钮的表格的背景颜色 */ $(document)...
代码如下:function clickButton(id) { if (document.all) { document.getElementById(id).click(); } else { var evt = document.createEvent("MouseEvents"); evt.initEvent("click", true, true); document.getElementById(id).dispatchEvent(evt); } }
在网页设计过程中,经常遇见按钮的各状态效果。写了一个jquery扩展,使这个过程更方便! 使用前注意引用Jquery; JqueryExtend.js: 代码如下: (function ($) { // Button按钮的三种样式替换,如果isState参数为True则记录按下状态 $.fn.btnEffect = function (normal, mouseover, mousedown, isState) { var lastButton; this.each(function () { $(this).bind({ mouseover: function () { if (this != lastButton || !isState) ...
代码如下:js 获取radio按钮值的实例function checksubmit(){ if( GetRadioValue('RadioGroup1') ) { alert('有选'); } else { alert('没选'); }}function GetRadioValue(RadioName){ var obj; obj=document.getElementsByName(RadioName); if(obj!=null){ var i; for(i=0;i if(obj[i].checked){ return obj[i].value; } } } return n...
代码如下:表单提交后按钮变灰与之间
代码如下: javascript实现div浮动在网页最顶上并带关闭按钮效果实例 body { margin: 0px;padding: 0px;text-align: center;} TD {FONT-SIZE: 12px; COLOR: #333;} #toubiao {BORDER-BOTTOM: #e2e2e2 1px solid;} 悬浮在网页顶部可关闭的工具条(浮动层),点击可以关闭哦
1. 向上一页 2. 返回上一页 3. 如果是用按钮做的话就是: 代码如下: 4. 用图片做的话就是: 代码如下:
代码如下: ????? body,ul,li { padding:0; margin:0} ul,li { list-style:none} .img-scroll { position:relative; margin:20px auto; width:440px;} .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:50px; height:100px; background-color:#000; top:0; color:#FFF; text-align:center; line-height:100px} .img-scroll .prev { left:0} .img-scroll .next { right:0} .img-list { positio...
实现了我的小跳槽以后,从8月7号入职了现在的这家公司,我好像是加入了救火队的行列,还没有开始开发新的模块,只是一直在实现已经上线模块中的新需求,有时候也真想问问,某些用户的脑子是不是进水了,提出来的需求只想让人大笑三声。。。幸好项目组做需求的姐姐工作经验十分丰富,能够很好地和用户协调,让我们这些开发人员也没那么辛苦~ 用户在使用系统时,会有很多表单的操作,然而很多表单都是裹脚布啊,长啊长~ 所以就需要一...
第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能。从代码就可以看出,我们只需在提交按钮上加入这一句: onclick="javascript:{this.disabled=true;document.form1.submit();}",意思是当按钮点击后,将按钮的不可用属性设置为true,这样按钮就变灰了 表单提交后按钮变成灰色[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法:通过onSubmit事件实现...
今天在项目当中遇到一个问题(本人前台功底不深,高手勿喷): 可以供选择的弹出框: 利用jQuery没有想到好的提示效果。 参看js的API文档实现如下===confirm: 代码如下: var r=confirm("该订单号已经存在,请重新输入或查询已存在订单详情!") if (di != null&& (r==true)) { userNameCnl.focus();//定位 userNameCnl.value = "";//清空数据 }else if(r==false){ userNameCnl.focus(); } 留给自己以后备用!!!
单选按钮以及复选按钮在开发过程中会经常用到,下面我就来通过JQuery操作单选按钮和复选按钮: 单选按钮: 通过JQuery获取单选按钮对象我们总共有三种途径: ①ID:$("#radioId") ②NAME:$(":input[name='radioName']") ③TYPE:$("input[type=radio]"),可能在有的资料上面写的是:$(""input[@type=radio]""),这个的话跟你的JQuery版本有关系,如果是老版本的话就用后者,新版本就用前者,如果不知道自己的版本到底适合用哪一个...
大家常见的肯定都是 这种用法.其实,不仅可以在body 上用它还支持多个HTML标签.用法如下: onload事件当一个页面或是一张图片加载完成时被触发。 所支持的HTML标签: , , , , , , 实例: 第一种方法 代码如下: 第二种方法 代码如下: window.onload=function (){alert('liuzm.com')} event test 绑定方式一 绑定方式二 绑定方式三 绑定方式四 function init() { document.getElementById("btn2").onclick = display;//...
jquery左右滚动焦点图banner图片,鼠标经过显示上下页 适合宽和高都比较大的页面使用 演示 代码如下: 代码如下: @charset "utf-8"; img { border: 0px; } .bannerbox { width: 320px; height: 150px; overflow: hidden; margin: 0px auto; } #focus { width: 320px; height: 150px; clear: both; overflow: hidden; position: relative; float: left; } #focus ul { width: 320px; height: 150px; float: left; p...