JSON 的格式说明可以在可以这里看到，非常详细，还是中文的。 JSON 格式说明 需要特别注意的是，在 JSON 中的属性名是需要使用引号引起来的。 jQuery 中使用 JSON jQuery 是现在使用广泛的脚本库，那么，在 jQuery 中如何使用 JSON 呢？解析 JSON 在 jQuery 中已经提供了对于解析 JSON 的内在支持， jQuery.parseJSON 函数提供了解析的支持，详细的说明见这里。 代码如下:var obj = jQuery.parseJSON({"name":"John"}); alert( ob...
（1）页面代码： 代码如下:<!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> <link rel="stylesheet" type="text/css" media="screen" href="js/themes/basic/grid.css" /> <script type="text/javascript" src="js/jquery.js"></script> <script...
为了防止图片撑破布局，最常见的仍然是通过onload后获取图片尺寸再进行调整，所以加载过程中仍然会撑破。而Qzone日志的图片在此进行了改进，onload完毕后才显示原图。我以前用onload写过一个小例子：http://www.planeart.cn/?p=1022 通过imgReady可以跨浏览器在dom ready就可以实现图片自适应，无需等待img加载，代码如下： （3-17修复网友crossyou 指出的一处错误，并且新版本去掉了替换图片） 代码如下:// jquery.autoIMG.js - ...
显示表格数据会涉及到一些东西，如字段显示隐藏，数据状态，分页之类。 由于我们公司的产品涉及到很多的表格数据显示，而且每张表的字段数都很多，在工作过程中(几任同仁的努力)，整合出一套自认为较为轻巧的方案。如图： 其中涉及到的插件主要有：jQuery.columnmanager.expand.js（扩展columnmanager）jQuery.dropbox.js(自已写的)jQuery.pager.expand.js(扩展pager) jQuery.cookie.js 其中pager.expand.js,dropbox.js以及各插件间...
尤其是在当今各种浏览器满天飞（据说仅以IE为内核的浏览器就有200种之多）。 小弟今天写了个基于jQuery的插件扩展，主要用于识别浏览器内核与外壳的类型和版本。可识别各种浏览器的内核，并已经支持多种国内主流浏览器。 费话不多说，上我的JavaScript代码：（文件名：jquery.browsertype-1.0.js） 代码如下:/** * jQuery插件开发方法二：第一步：插件定义 */ jQuery.myPlugin = { //获得浏览器的内核与外壳的类型和版本 ...
由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上Radio 1.获取选中值，三种方法都可以： $('input:radio:checked').val()； $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值： $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注： attr("checked",'checked')= attr("c...
代码如下:/* * Image preload and auto zoom * scaling 是否等比例自动缩放 * width 图片最大高 * height 图片最大宽 * loadpic 加载中的图片路径 * example $("*").LoadImage(true,w,h); */ jQuery.fn.LoadImage=function(scaling,width,height,loadpic){ if(loadpic==null)loadpic="../images/loading.gif"; return this.each(function(){ var t=$(this); var src=$(this).attr("src") var img=new Image(); //alert("Loading......
简单地记下jquery实现回车事件，代码如下： 全局： 代码如下:$(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $(#FormId).submit();//处理事件 } } }); 某个控件： 代码如下:$(#id).keydown(function(e){ if(e.keyCode==13){ $(#FormId).submit(); //处理事件 } }); if (window.event.keyCode==13) window.event.keyCode=0 //这样就取消回车键了 如果想...
功能简介：主要功能就是分页显示数据了，可在配置文件中配置每页要显示的页码,可以做多条件联合查询，这里只是做一个简单的查询。欢迎拍砖，有问题的还望大虾们斧正哈。看看这个效果图，无刷新的噢！！ 具体实现请看源码： 1、aspx页面 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPage.aspx.cs" Inherits="MeasurementWellCurve.UI.AjaxPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...
步骤： 1.实现随鼠标移动的效果； 2.初始化一个元素及其坐标； 3.拖拽对象的最后坐标，与元素的坐标 进行计算和判断 来确定 要插入的目标元素； 4.用insertBefore 方法 插入到目标元素的前面 具体代码如下： 代码如下:<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>测试的拖拽功能</title> <style type="text/css"> body, div { margin: 0; paading: 0; font-siz...
jq里面有一个data的方法,给dom元素绑定相关的数据的。当给dom用jq的方法绑定了事件,会生成对应的时间列表 可以看下面的例子(请在firefox中查看 因为firefox中对象支持toSource()) 代码如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <body> <div id="test"></div> <script type="text/javascript" src="http://common.cnblogs.com/script/...
打造 漂亮 动态 友好的 精选随机色彩 投票百分比展示 效果 HTML结构: 代码如下:<ul class="vote-box-list clearfix" id="appVoteBox"> <li class="vl-item" id="voteItem0" > <div class="vote-item-wrap"> <h4>A：</h4> <p class="litem"><em class=vleft></em><span></span><em class=vright></em> </p><span class=vnum>79（2%）</span> </div> <li class="vl-item" id="voteItem1" > <div class="vote-item-wrap"> <h4>B：</h...
父页面代码 代码如下:<!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> <body> <div style="height:300px; background-color:#CC9900"></div> <div> <iframe src="test_iframe.html"...
loading 加载提示 ······ 透明遮罩 居中 代码如下:body{ margin: 0; font-size: 12px; line-height: 100%; font-family: Arial, sans-serif; } .background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background:while; position: absolute; top: 0; left: 0; z-index: 2000; } .progressBar { border: solid 2px #86A5AD; background: white url(progressBar_m.gif) no-repea...
首先定义了 全局变量class2type = {}; rdigit = /\d/,//正则判断是否是数字 toString = Object.prototype.toString; 通过jQuery.each，定义class2type的属性和值： 代码如下: jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "), function(i, name) { class2type[ "[object " + name + "]" ] = name.toLowerCase(); }); type: function( obj ) { return obj == null ?String( obj ) :clas...