一个例子说尽： 1、.aspx中： 代码如下:<div class="button" id="btn1"><a href="#">HelloWorld</div> <div class="button" id="btn2"><a href="#">传入参数</a></div> <div class="button" id="btn3"><a href="#">返回集合</a></div> <div class="button" id="btn4"><a href="#">返回复合类型</a></div> <div class="button" id="btn5"><a href="#">返回DataSet(XML)</a></div> </div><div id="loading">服务器处理中，请稍后</d...
比如 想跳到 mao.aspx 的页面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可实现跳转到指定位置 现在为了增加用户体验 跳转到页面后 平滑移动到该位置 怎么做呢 其实也很简单啦 那边传递过来一个 要跳转到哪个div的参数就行 先上一段 页面获取参数的 通用js 代码如下://根据参数名获得该参数 pname等于想要的参数名 function getParam(pname) { var params = location.search.substr(1); // 获取参数 平且去掉？ var ...
jQuery 1.3.2 简单实现select二级联动 代码如下:<!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=gb2312" /> <title>jQuery 二级联动</title> <script src="http://img.jb51.net/jslib/jquery/jquery.js" type="text/javascript"...
jquery代码 代码如下:$(function() { $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1 option:selected").text()); }); 或者 代码如下:$("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1").val()); }); 其中对这个解释下： var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值 var name1 = $("#DropDownList1...
HTML: 代码如下:<div id="divObj3" class="divContent"> <input id="hidColorSelect" name="ColorSelect" type="hidden" value="3,5,6,11,12,13,14" /> <table style="width: 100%; text-align: center;"> <tr class="tr"> <td class="tdr" align="center" width="50%"> <span id="ctl00_ContentPlaceHolder1_WebPanel4_Label7">未选择颜色</span> ： </td> <td class="tdl" width="1%"> </td> <td class="tdr" align="center" wi...
显然，能做到这一步，其实现是相当的复杂，这个实现就是它的init方法，jQuery的真实构造器。它功能也随着版本的升级而升级，越来越长。 2009-01-13发布的1.3版 代码如下:init: function( selector, context ) { // Make sure that a selection was provided selector = selector || document; // 处理节点参数,直接添加属性到新实例上 if ( selector.nodeType ) { this[0] = selector; this.length = 1; this.context = selector;...
前些天我们学生在线首页改版，要做一个工具栏，由于版面的限制，原先策划的很多工具只好安排在一个小区域里面，具体效果如下：当然，这样的效果，用html自带的控件也可以实现。不过自定义的话就可以自己设置滑动条的样式啦，比如说设为红色、蓝色等，按钮形状也可以自己做啦。 需要实现的效果是，这些工具一次最多在可见区域显示9个（这里假设工具项总数多于9个，不满9个的话，将来也很有可能扩展到9个），点击上下的按钮即可将可见...
js,jQuery 排序的实现: 重点: 想要实现排序,最简单的方法就是 先把标签用jQuery读进对象数组 用js排序好对象数组 (针对对象数组进行排序, 不要试图直接对网页的内容进行直接更改) 用对象数组内容覆盖网页上的标签数组; //排序从文字短的到长的 代码如下://排序从文字短的到长的 var arr_a=new Array(); var i=0; $(".type_list_txt > span:contains(T恤)").parent().children("a").each(function(){ arr_a[i]=$(this).clone(); i+...
先创建一个aspx页面编写一个客户端控件<input type="button" id="AjaxDemo" value="AjaxDemo"> 再aspx后台的页面编写一个简单的方法,代码如下: 代码如下:[WebMethod] public static string ABC(string ABC) { return ABC; } 必须声明为静态方法，并且它们必须使用 [WebMethod] 特性标注。但是在webservice里面不必是静态方法，它的对象可以是list、dataset、class对象等…… 接下来就应该考虑怎么让前台的客户端控件调用到后台的方...
jquery.cookie.js 使用方法 Cookies 定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术； 下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script>使用： 1.添加一个"会话cookie"...
jQuery对于数组元素操作主要提供了以下工具： (1)数组和对象的例遍：jQuery.each(obj,callback) 通用例遍方法，可用于例遍对象和数组。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。 （2）数组元素的过滤：jQuery.grep(array,callback,[invert]) 使用过滤函数过滤数组元素。此函数至少传递两个参数：待过滤数组和过滤函数。...
下面是代码： 首先HTML页面代码如下： 代码如下:<!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>Jacob Song的购物网站</title> <link rel="Stylesheet" href="css/header.css" type="text/css" /> <link rel="Stylesheet" href="css/skin/skin_0.css" type="text/css" id="cssfile" />...
引用jquery 库：<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.jclock.js"></script> 代码如下:$(function() { $(#demo).jclock(); $(#local).click(function() { $(#demo).jclock() }); $(#with).click(function() { $(#demo).jclock({ withDate: true, withWeek: true }) }); $(#utc).click(function() { $(#demo).jclock({ withDate: true, utc: tru...
而很多页面效果都要用到这些位置。不得已，得练练，得记记。 下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例，先说说拖拽的原理，以及搞这么一个东东的步骤： 那什么是拖拽呢？ 看名字就知道了：就是把一个东东拖来拽去的。 放到我们的DOM上，就是改变它的位置。 它只有两个难点：1、如何知道是在拖？ 2、如何知道从哪拖，拖到哪？ 其实，这也算不上难点，毕竟两者都是基础的东西，关键在于熟练。 换到js 中，我们搞一个拖...
这里只阐述如何编写自己的插件，至于要实现什么功能，要因人而异了...好了，下面开始... jQuery插件主要分为三种 1、封装对象方法的插件 2、封装全局函数的插件 3、扩展选择器的插件 这里只编写前俩种，即比较常见的.. 大多数插件都是已这种形式编写的： 代码如下:(function ($) { /* 这里放置代码 */ })(jQuery); 这样的好处是函数内部依然可以使用$作为jQuery的别名，而不影响到其他库使用$ jQuery提供了俩个扩展用于编写插件 $...