用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.actionbutton=提交"; this.submit(); }else{ this.action="doAddMessage.actionbutton=保存"; this.submit(); } }); } 例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候...
代码一:{ wait:90,hsTime:function(that){if (this.wait == 0) { $('#hsbtn').removeAttr("disabled").val('重发短信验证码'); this.wait = 90; } else { var _this = this;$(that).attr("disabled", true).val('在'+_this.wait+'秒后点此重发');_this.wait--; setTimeout(function() { _this.hsTime(that); }, 1000) } }, }代码二:/*-------------------------------------------*/var InterValObj; //timer变量,控制时间 var...
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location=新页面" 来实现。 1.在原来的窗体中直接跳转用 代码如下 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用: 代码如下 window.open(你所要跳转的页面); window.history.back(-1);返回上一页 代...
很多的网站上都有返回顶部功能,判断滚动参数动态显示与隐藏,比较适合初学者实现动态的显示回到顶部与否/*返回顶部*/ .back_top {width:45px;height:45px;background:url(back_top_new.png) 0 0;position:fixed;left:50%;margin-left:500px;bottom:105px;display:none;} .back_top:hover{background:url(images/back_top_new.png) 0 -46px;}var mousewheelevt=(/Firefox/i.test(navigator.userAgent)) "DOMMouseScroll" : "mousew...
本文实例讲述了javascript设置连续两次点击按钮时间间隔的方法,分享给大家供大家参考。具体实现方法如下: 很多时候我们在实际应用中,可能并不希望按钮联系被不间断的点击,所以要限定一定的时间间隔才能够再次点击按钮,下面就通过代码实例介绍一下如何实现此功能,代码如下:代码如下: 脚本之家 window.onload=function(){ var odiv=document.getElementById("thediv"); var obt=document.getElementById("bt"); var count=0; v...
本文实例讲述了js实现按钮加背景图片常用方法。分享给大家供大家参考。具体实现方法如下: 方法一:代码如下: 方法二:代码如下: 方法三: 就是用图片按钮,即:代码如下: 希望本文所述对大家基于javascript的web程序设计有所帮助。
这个小特效代码很简单,就不多做说明了,直接奉上源码。 JQuery代码:代码如下: //加载事件$(function () {var collection = $(".flag");$.each(collection, function () {$(this).addClass("start");});});//单击事件function dj(dom) {var collection = $(".flag");$.each(collection, function () {$(this).removeClass("end");$(this).addClass("start");});$(dom).removeClass("start");$(dom).addClass("end");}Css代码:代码...
bootstrap里面有个激活按钮的时候,按钮变成不可用的; 按照官网里面的方法介绍是在button按钮加个 data-loading-text="Loading..." 属性,然后js总体代码是这样:代码如下: Loading state$('#myButton').on('click', function () {var $btn = $(this).button('loading')// business logic...$btn.button('reset')})其中autocomplete="off"属性是针对FF浏览器在页面加载之后,禁用状态不会自动解除用的。 我在直接用上面代码的时候...
1.jQuery幻灯片按钮控制图片过渡特效 基于jQuery实现的幻灯片按钮控制图片过渡特效源码,共有4幅图片进行自动切换,且切换时有幻灯片过度的效果。用户还可自定义幻灯片的标题文字和内容。是一款非常优秀的特效源码。在线演示 源码下载 2.htm5+CSS3实现的表单美化带输入验证特效 纯html5+css3实现的表单美化效果,以及具有输入验证特效的代码,此种特效在网站非常实用。在线演示 源码下载 3.jquery制作的带有遮罩弹出层实现登录注册...
代码如下: function preventAjax(obj,num){obj.disabled = true;var num = num;var types =obj.type;if(types == submit){var text = obj.value;var time1 = setInterval(function(){obj.value = num;num--;if(obj.value <= 0 ){clearInterval(time1);obj.disabled = false;obj.value = text;}},1000);}else{var text = obj.innerHTMLvar time1 = setInterval(function(){obj.innerHTML = num;num--;if(obj.innerHTML <= 0 ){clear...
先给大家看下效果展示图以下为详细代码:代码如下: function LGY_picSwitch(option){this.oWrap = this.getId(option.wrapID); //最外层元素this.olistWrap = this.getNodeByClassname(this.oWrap,gy_picSwitch_listWrap)[0];this.oUl = this.olistWrap.getElementsByTagName(ul)[0];this.oBtnPrev = this.getNodeByClassname(this.oWrap,gy_picSwitch_prev)[0];this.oBtnNext = this.getNodeByClassname(this.oWrap,gy_picSwitch_...
本文实例讲述了js使用DOM设置单选按钮、复选框及下拉菜单的方法。分享给大家供大家参考。具体实现方法如下: 1.设置单选按钮 单选按钮在表单中即它是一组供用户选择的对象,但每次只能选一个。每一个都有checked属性,当一项选择为ture时,其它的都变为false. 先贴上一个例子:代码如下:function getChoice() {var oForm = document.forms["uForm1"];var aChoices = oForm.camera;for (i = 0; i if (aChoices[i].checked) //如果发...
本文实例讲述了js实现点击左右按钮轮播图片效果的方法。分享给大家供大家参考。具体实现方法如下:$(function () { var index = 1; var pPage = 1; var $v_citemss = $(".citemss"); var $v_show = $v_citemss.find("ul"); v_width = $v_citemss.width();//图片展示区外围div的大小 //注:若为整数,前边不能再加var,否则会被提示underfine p_count = $v_citemss.find("li").length;//获取此处li的个数 $(".slideprev1").click(fu...
本文实例讲述了jQuery实现长按按钮触发事件的方法。分享给大家供大家参考。具体分析如下: 现在手机端的快速发展,使许多手机手势需要制作到手机版的网页过程中 网上有许多长按按钮的插件,甚至仅仅是jQuery Mobile都有长按事件 但是基于种种的兼容性问题, 只使用jquery去实现长按动作,可以在手机端与电脑端保持极强的兼容性 一、基本目标 制作一个按钮,实质上一个100x100px的灰色背景的图层,长按达2s则图层里的文字从in变成ou...
本文实例讲述了JS实现一个按钮的方法。分享给大家供大家参考。具体实现方法如下:window.onload = function(){ var btn = new Btn(); btn.init({width:300}); bindEvent(btn,'show',function(){ alert(1); }) bindEvent(btn,'click',function(){ alert(2); }) var oBtn = document.getElementById('btn'); oBtn.onclick = function (){ fireEvent(btn,'show'); } } function Btn(){ this.btn= null; this.settings = { width:200, ...