前台: upload.htm 代码如下:<!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 runat="server"> <title>upload</title> <link href="upload.css" rel="Stylesheet" /> </head> <body> <form> <ul> <li> <button id="SubUpload" onclick="TSubmitUploadImageFile();return false;"> 确定上传</butt...
其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组建全部更换成Jquery来实...
在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下:(function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: #000 }, options); // 创建一个 Mask 层，追加到 document.body $(<div class="jquery_addmask"> </div>).appendTo(document.body).css({ posit...
操作下拉框[Select] 1. $("#seelctId").append("<option value='"+optionval+"'>"+text+"</option>");//给下拉框增加 一下option选项 (ddlSayTo这是下拉框的ID) $("#seelctId").val(optionval);//选中刚才增加的option 2. $("#seelctId option:selected").text();//得到当前选中的选项的文本值 $("#seelctId").val();//得到当前选中的选项的option值
这个教程将告诉你如何运用jQuery添加连续的CSS类生成一个生动的列表。第二个示例是如何运用jQuery的prepend特性为留言列表添加一个留言计数。 可以先看看示例。 1a.添加jQuery代码 下载jQuery，在<head>标签之间如下添加jQuery代码： 代码如下:<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#step li").each(function (i) { i = i+1; $(this).add...
主要层左右居中，设置left等于窗口宽除二减去自身层宽除二就居中了，至于窗口上下居中我没做到，固定了top等于滚动条隐去的 scrollTop加上50px; 当事件触发这个类时，首先判断一下两个层是否已经append到body里面，否则每次触发它就一直增加增加了。设置了五个参数title、 content、width、height、cssName，它们分别定义了层标题、层内内容、层宽、层高、层内容的样式名。层内内容又设置了url、 text、id、iframe四种加载方式，通...
在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value
准备工作 在开始之前我们需要做如下准备工作： 1.创建一个名为DEMO.html空白html文件；（推荐使用Editplus创建） 2.熟悉JQuery框架的基本语法；（不熟悉没关系，后面我会注释得很详细） 3.创建一个名为data.xml的XML文件用来存储数据，XML的结构下面会涉及到，你也可以下载我打包好的文件查看； 4.一个loading.gif图片，这个图片用于在将XML读取出来的等待时间里面显示在空白html文档中 正式开始 Step 1:首先让我们看看这个data.xm...
一些css的定义，可以根据需要自己选择。//显示单双行显示不同背景色【方法一】： // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色【方法二】： $("#UL_id li:even").addClass("redClass"); <ul id="UL_id"> <li>单数</li> <li>双数</li> <li>双数</li> </ul> odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
//www.gxlcms.com/article/21027.htm不多说了，直接给代码 代码 代码如下:<html> <head> <title>双色表格</title> <style type="text/css"> <!-- table { border:solid 1px black; text-align:center; border-spacing:0px; } th,td { border:solid 1px black; width:100px; } --> </style> <script src="lib/jquery.js" type="text/javascript"></script> <script type="text/javascript" > $().ready(function() { $(tr:has(th))...
代码如下:$(#FashionStatement).val(); var limitNum = 1000; var pattern = 还可以输入 + limitNum + 字; $(#statementRowChk).html(pattern); $(#FashionStatement).keyup( function() { var remain = $(this).val().length; if (remain > 1000) { pattern = $(字数超过限制，请适当删除部分内容); } else { var result = limitNum - remain; pattern = 还可以输入 + result + 字; } $(#statementRowChk).html(pattern); } ); ...
代码如下:<html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br /> <input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br /> <input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br /> <input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<b...
Jquery的选择器很强大，对select的options对象添加的时候我找了老半天才找到 代码如下:/**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写日期:2008/03/12 */ //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0...
实现jQuery的document.ready功能document.ready (function () { var ie = !!(window.attachEvent && !window.opera); var wk = /webkit\/(\d+)/i.test(navigator.userAgent) && (RegExp.$1 1) return; if (ie) (function () { try { d.documentElement.doScroll('left'); run(); } catch (err) { setTimeout(arguments.callee, 0); } })(); else if (wk) var t = setInterval(function () { if (/^(loaded|complete)$/....
代码如下:<!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> <title>jquery分页控件</title> <script src="jquery-1.3.min.js" type="text/javascript"></script> </head> <body> <div class="pager"></div> <!--<div> <select class="SEID"> <option>10</option> <option selected="selected" >...