演示地址:http://demo.jb51.net/js/2011/hunt/index.htm玩法向下看 请看地址栏上的字母 O! 你使用O来向 a射击。 使用键盘上的 左箭头 和 右箭头 移动字母O. 当O移动到 a 上时，按 空格键射击! 游戏会定时30秒时间，按ESC键重新开始。 注：请使用系统自带的IE浏览器来打开本链接。你使用O来向 a射击。 使用键盘上的 左箭头 和 右箭头 移动字母O. 当O移动到 a 上时，按 空格键射击! // // 核心代码: 代码如下:(function() { var An...
译者注：1. Deferred是jQuery1.5新增的一个特性，很多人把它翻译成 “异步队列”，我觉得比较靠谱，毕竟和“延迟”没啥关系，不过这篇文章中我还采用deferred这个单词。 2. 这篇文章在jQuery1.5发布博客中提到，也是目前介绍deferred比较经典和深入的文章。鉴于目前中文资料比较少，特别翻译出来供大家学习参考。 3. 通篇采用意译的方式，如有不当还请大家提出。 jQuery1.5中新增的Deferreds对象，可以将任务完成的处理方式与任务本...
jProviderData 代码如下: /// $j = jQuery.noConflict(); (function ($j) { $j.providerData={ defaultSettings: { select_Span_Items: false, select_TD_Items: false, select_LI_Items: false }, init:function(options){ opts = $j.extend({}, $j.providerData.defaultSettings, options); singleItemJsonFormat="{0}":"{1}"; divItemFormat={{0}}; tableItemFormat={0}; }, getDataName:function(item){ var dataName = item...
例如： 代码如下: $(#foo).slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之间延时800毫秒。 hover是否可以设计一个延时器呢？答案是肯定的。延时操作目的是为了防止用户误触发事件，一般情况下鼠标指针小于150毫秒的停留时间都可以被忽略。其实，如果入侵delay全能让其作用在hover事件上，但是为了避免John Resig不断的折腾jQuery而导致兼容问题，还是老老实实的写标准插件比较好。 目标 继承jQuery API的优...
代码很简单，在附件中，各位可以下载后直接运行. 代码如下: $(function() { jQuery.fn.alternateRowColors = function() { //做成插件的形式 $('tbody tr:odd', this).removeClass('even').addClass('odd'); //隔行变色 奇数行 $('tbody tr:even', this).removeClass('odd').addClass('even'); //隔行变色 偶数行 return this; }; $('table.myTable').each(function() { var $table = $(this); //将table存储为一个jquery对象 $tab...
下载代码和示例：jqueryPaging.rar 使用方法如下： 代码如下: $("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }); 如果仅仅用分页功能：$("#myTable").tablePaging(); 参数说明： id: jQuery(this).attr('id'), // 要分页的表格的ID pageSize: 10, // 单个页面显示记录数，默认是10条 sorting: false,//是否要进行排序，默认不排序 sortDirection: 'asc', //排序顺序...
如下所示： 第一步填写基本信息，第二步填写教育信息要求我们每一步操作都要进行验证，这样我们可以用以下方式进行验证： 代码如下: ValidateStep function InitValidationGroup() { $('.validationGroup .next').click(function (evt) { if (IsValidated($(this).closest(".validationGroup"))) { $(".step1").hide(); $(".step2").show(); } else { evt.preventDefault(); } }); $('.step1 :text').keydown(function (evt)...
Html： 代码如下: Zoomer for jQuery body { font: Arial, Helvetica, sans-serif normal 10px; margin: 0; padding: 0; } * {margin: 0; padding: 0;} #page{ margin:0 auto; position:relative; width:850px; font-family:verdana; font-size:12px; } #content{ width:100%; } pre{ border:3px solid #ccc; padding:5px; font-size:12px; font-family:arial; } .bold{font-weight:bold;} .blue{color:blue;} .red{color:r...
效果图： 当下拉框改变的时候，添加一个成人填写信息或儿童填写信息！ 代码如下: 无标题文档 *{ font-size:12px; } #dFlightContent1 { width: 704px; height:auto; border-bottom: 1px solid #B0CAED; border-left: 1px solid #B0CAED; border-right: 1px solid #B0CAED; overflow: hidden; } .w_tt { font-size:14px; color:#006699; margin:0px 4px; } .w_tit { width:85px; text-align:right; } .w_uinfo { width:500p...
代码如下: 不过做了浏览器方面的兼容，经测试兼容IE6+、Firefox3.5+ 首先看看autocomplate.js: ;(function ($) { var index = -1; var timeId; var cssOptions = { "border": "1px solid black", "background-color": "white", "position": "absolute"/*, "font": "normal normal lighter 14px 6px Times New Roman"*/ }; var defaults = { width: "auto", highlightColor: "#3399FE", unhighlightColor: "#FFFFFF", css: cssOptio...
代码如下: function getTotalHeight(){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight : document.body.clientHeight; } else { return self.innerHeight; } } function getTotalWidth (){ if($.browser.msie){ return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth : document.body.clientWidth; } else{ return self.innerWidth; } } ...
//设置第二个为选中状态 //if(=="2"){$(':radio[name=sex]').eq(1).attr('checked',true);} //设计value=2的为选中状态 //if(=='2'){$("input[name='sex']").attr("checked",'2');} if(=="2"){$("input[name=sex][value=2]").attr("checked",true);} 今天办了件NB的事上面这三个条件都测试了不起作用，原因是不是本地数据库一直在远程数据库操作 JQuery 得到radio 代码如下: 1 2 3 4 5 // function Button1_onclick() { $("i...
实例： 1、请求页面AJax.aspx HTML代码 代码如下: div> div> JS代码 代码如下: function JudgeUserName() { $.ajax({ type:"GET", url:"AjaxUserInfoModify.aspx", dataType:"html", data:"userName="+$("#txtName").val(), beforeSend:function(XMLHttpRequest) { $("#showResult").text("正在查询"); //Pause(this,100000); }, success:function(msg) { $("#showResult").html(msg); $("#showResult").css("color","red")...
load 代码如下: $("#result").load("aaaa.asp #ccc"); get 代码如下: $.get("aaaa.asp", { action:"get",name:"lulu" }, function(data, textStatus){ $("#result").html(data); //alert(this); //alert(data); //alert(textStatus); }); post 代码如下: $.post("aaaa.asp", { action:"post",name:"lulu" }, function(data, textStatus){ $("#result").html(data); }); ajax 代码如下: $.ajax({ type: "get", url: "http://...
代码如下: .s_c{ position:relative; width:800px; height:300px; border:1px solid #000; overflow:hidden; } var Sl=Sl||{}; (function(){ var undefined; function box(o){ var d=$.extend({},{ 'w':40, 'h':30, 'secne':null, 'data':'' },o); if(d.secne==null||!d.secne) return; this.div=$("").css({'position': 'absolute','border':'1px solid #cde','left':'0px','top':'0px'}).html(d.data); this.w(d.w); this.h(...