代码如下:var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } }, removeHandler: function (element, type, handler) { if (element.removeEventListener) { element.removeEventListener(type, ha...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <style type="text/css"> body{margin:0px;padding:0px;} ul{margin:px;padding:0px;list-style-type:none;} </style> <script src="jquery-1.8/jquery-1.8.0.js"></script> <script> $(...
1、jQuery.countdown插件显示格式:50 周 01 天 07 小时 18 分 41 秒(秒为跑秒)一个页面可以有多个倒计时实例,可以停止和开始,它没有提供太多的功能,但时间格式和输出的尺寸都可以自定义。目前最新版v2.0.2,官方地址http://hilios.github.io/jQuery.countdown/例如: 代码如下:<div id="getting-started"></div><script src="http://code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script><script src="htt...
同理 此插件不需要任何html标签,只需要一个输入框 有相对应的class类名就ok 且父级有个class类名,其他的都不需要。内部的HTML代码都是自动生成的。 HTML代码如下:代码如下:<div class="parentCls"> <input type="text" class="inputElem"> </div> 其实上面的div标签都可以不需要 只需要在input输入框 且父级元素添加一个如上class(自定义也可以,只是在JS初始化的时候要传入class就ok 我默认情况下 父级class叫parentCls,当前...
C# string.format这个功能用到的地方比较多, 所以就用js实现了一个简单的版本 :代码如下:String.format = function () { var formatStr = arguments[0]; if ( typeof formatStr === string ) { var pattern, length = arguments.length; for ( var i = 1; i < length; i++ ) { pattern = new Re...
代码如下:/*查看大图*/ var screenheight = $(window).height(); var screenwidth = $(window).width(); var loadCSS = function(){ var screenwidth = $(window).width(); var screenheight = $(window).height(); $("div.lookBigPicture").css({"left":screenwidth*0.2,"top":screenheight*0.15+$(document).scrollTop(), "width":screenwidth*0.6,"height":screenheight*0.7}); $("img.bigImg").css({"max-width":(screenwidth*...
下面代码用JS实现了程序的暂停与继续 代码如下:<script type="text/javascript"> /*Javascript中暂停功能的实现 Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能。 javascript作为弱对象语言,一个函数也可以作为一个对象使用。 比如: function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); } } 我们可以这样调用 var myTest=new Test();myTes...
设页面有如下一组复选框和几个相关按钮(全选,反选,全不选等): 代码如下:<input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox" name="fruit" value="banana" />香蕉 <input type="checkbox" name="fruit" value="grape" />葡萄 <input type="button" id="btn1" value="全选"> <input type="button" id="btn2" value="全不选"> <inpu...
Javascript代码如下,将该代码保存成JS文件后在HTML中引用。 代码如下:jQuery.noConflict(); jQuery.fn.extend({ jsplit: function (j) { return this.each(function () { j = j || {}; j.Btn = j.Btn || {}; j.Btn.oBg = j.Btn.oBg || {}; j.Btn.cBg = j.Btn.cBg || {}; var jun = { MaxW: "600px" , MinW: "260px" , FloatD: "left" , IsClose: false , BgUrl: "" , Bg: "#fff" , Btn: { btn: true , oBg: { Out: "#333", Hover...
1. 页面效果,自动提示验证信息... 2. 页面代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" /> <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script> <script src="../Scripts...
代码如下:function isNum()//判断小键盘输入数字 { var str=(window.event.keyCode); if(str>105 || str<96 ) { if (str!=8 ) { window.event.returnValue=false; return; } } } function isNumUp()//判断主键盘输入数字 { var str=(window.event.keyCode); if(str>57 || str<48 ) { if (str!=8 ) { window.event.returnValue=false; return; } } } + 测试代码: 代码如下:<INPUT id=check onkeydown=isNumUp() style="WIDTH: 80px...
下载代码和示例:jqueryPaging.rar 使用方法如下: 代码如下:<script language="javascript" type="text/javascript"> $("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }); </script> 如果仅仅用分页功能:$("#myTable").tablePaging(); 参数说明: id: jQuery(this).attr(id), // 要分页的表格的ID pageSize: 10, // 单个页面显示记录数,默认是10条 sorting: false,/...
废话少说,看代码 代码如下:var map = { 地名: ["北京","天津","上海"], 民族: ["汉族","藏族","维吾尔族"] }; $.each(map,function(key,values){ console.log(key); $(values).each(function(){ console.log("\t" + this); }); }); 如果安装了firebug,控制台输出如下树状结构: 地名 北京 天津 上海 民族 汉族 藏族 维吾尔族 注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历...
言归正传,以下是全文。 先附上两张最简单的效果图。首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 <ul><li><a href="#first">海阔天空</a></li><li><a href="#second">光辉岁月</a></li><li><a href="#third">真的爱你</a></li></ul>简单起见,我只写三个。 <div id="first"><p>今天我,寒夜里看雪飘过。怀着冷却了的心窝飘远方……仍然自由自我,永远高唱我歌,走遍千里。</p></div> <div id="second"><p>钟声响...
代码如下:<SCRIPT LANGUAGE="JavaScript"> <!-- function Sleep(obj,iMinSecond) { if (window.eventList==null) window.eventList=new Array(); var ind=-1; for (var i=0;i<window.eventList.length;i++) { if (window.eventList[i]==null) { window.eventList[i]=obj; ind=i; break; } } if (ind==-1) { ind=window.eventList.length; window.eventList[ind]=obj; } setTimeout("GoOn(" + ind + ")",iMinSecond); } function Go...