代码如下:<script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清？换一张"); wait = 60; } else { $o.attr("disabled", true); $o.attr("font-color", "gray"); $o.html(wait + "秒后可重新获取"); wait--; if(wait == 59) { var imgNode = document.getElementById("vimg"); imgNode.src = "....
项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement;//W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); }//FireFox else if (docElm.mozRequestFullScreen) { docElm.mozReq...
代码如下:<pre name="code" class="html"><html> <head> <script> function asd(){ var reg=document.getElementsByName("reg"); if(reg[0].checked){ document.getElementById("submit").disabled=false; } else { document.getElementById("submit").disabled=true; } } </script> </head> <body> <input name="reg" type="checkbox" onclick="asd();" />阅读了吗？ <input type="submit" value="注册" id="submit" disabled/> <...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简易弹出框</title> <style type="text/css"> .mydiv { background-color: #ff6; border: 5px solid #f90; text-align: center; line-height: 40px; fo...
通过更改按钮的显示样式，来实现按钮动态滑动 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style> .search{ background:#008800; color:#fff; border:none; height:2...
代码如下:<form name="form1" method="post" action="ad/BusinessAction!list.action"> //下面input框提交的action不同，用onclick跳转，写一个js方法 <input type="button" class="mulButton" name="Ids" id="allcheck" onclick="manySend(ad/BusinessAction!sendmany.action)" value="批量导入到成功案例"/> <script> //js方法如下 function manySend(href){ var form = document.form1; form.action = href;//传想要跳转的路径 ...
其实原理很简单，我们点击的时候我们给元素加上一个自定义的attr，加上后便会有有一个匹配的样式去自动适配背景，几秒后去掉该样式恢复原状 首先在自己的js中拓展一个方法hoverEl 代码如下:$.extend($.fn, { hoverEl:function(){ var _this = $(this); var _t = setTimeout(function(){ _this.attr("hover", "on"); }, 10); _this.attr("hoverTimeout", _t); setTimeout(function(){ clearTimeout( _this.attr("hoverTimeout") );...
html: 代码如下:<input type= "radio" name="isEnd" value=1>是 <input type= "radio" name="isEnd" value=0 checked=checked>否 <script type="text/javascript"> var isEnd; function getRadioVal(){ var temp = document.getElementsByName("isEnd"); for(var i=0;i<temp.length;i++) { if(temp[i].checked){ isEnd = temp[i].value; return isEnd; break; } } } </script>
淘宝首页的回到顶部按钮是这样的：下拉到一定距离后按钮才显示出来，鼠标放到按钮上时，按钮背景会变成灰色，并且图标变成了文字。点击按钮缓慢回到顶部 我们先分析下实现这样的效果需要添加哪些事件。鼠标移进移出按钮，按钮表现发生变化，所以需要给按钮添加mouseover， mouseout事件。要侦听滚动条的变化，所以需要给window添加scroll事件，点击按钮回到顶部，按钮添加click事件。我们将事件处理程序封装成三个函数moveIn, move...
我们在天猫进行购物的时候，经常会碰到单击删除按钮或者登陆按钮后，弹出对话框问你是否删除或者弹出一个登陆对话框，并且我们也是可以看到我们之前页面的信息，就是点击不了，只有对对话框进行操作后才有相应的变化。截图如下（以天猫为例） 如图所示，上面就是天猫的效果图，其实这就是通过jQuery实现的，并且实现的过程也不是很不复杂，那么现在就让我们来看看实现的过程吧。 首先是页面的布局部分：delete.html 代码如下:<!D...
1、 代码如下:<script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS产生一个“前进”的动作，以抵消后退功能，这种方法应该是最简洁的，并且不需要考虑用户连点两次或多次“后退”的情况，缺点是当用户端禁用了JavaScript之后即失效。 2、 代码如下:<A HREF="logout.do" onclick="javascript:location.replace(this.href); event.returnValue=false; "> Logout (Back Disabled) </A> 用loc...
本文主要内容： 如果用浏览器自带的打印按钮，无法进行其余和打印相关的操作，如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中，可以在点击按钮的同时触发自定义的函数。 代码如下:<input type="button" class="btnPrint" id="btnPrint" value="打印" /> <iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src=""<span style="white-space:pre"> </span>></iframe> 代码如...
代码如下:function getid(id) { alert(id); } <input id="btn1" type="button" value="test" onclick="return getid(this.id)" />
代码如下： 代码如下:<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%> <%@ include file="/pages/common/taglibs.jsp"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript"> $(document).ready(function(){ ...
如果一个按钮可以在短时间内多次点击，那么有可能会被用户恶意点击，为防止这种情况，可以设定一定时间内只能点击一次，其他时间禁止点击按钮。 代码如下： 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="js/jquery-1.9.1.js" type="text/javascript"></script> </head> <body> <form id="form1" runat="server"> <div> <input type="button" value="点下...