第一篇文章，具体使用也过去很长时间了，直接贴码： 1.代码中使用json数据格式（直接在页面中组装成的，并非后台组装，具体方法：function _callBack(d)） 2.提供右键菜单及功能实现 3.具有checkbox，提供获取选中节点ID方法：function getMenuIds() 代码如下:<script type="text/javascript" src="@{/public/javascripts/jquery-1.4.2.min.js}"></script> <script type="text/javascript" src="@{/public/javascripts/jsTree/jqu...
幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是10篇非常棒的 jQuery 幻灯片教程及16个优秀的 jQuery 幻灯片应用案例。10篇 jQuery 幻灯片制作教程Create Beautiful jQuery slider tutorial jQuery Plugin – Feature List Create an Image Rotator with Description (CSS/jQuery) Moving Boxes Using the Wonderful jFlow Plugin Easy Slider 1.7 – Numeric N...
我写了个JQUERY 的插件。来实现分组的效果。 图2. 这是一个简单的分组效果，根据表的第一列“Department" 来分组图3， 也可以对多个列来分组，根据第一列”Department" 和第四列 ”Gender“ 来分组。分组前，先对要选择的列进行排序，这在提取数据的时候可以完成， 就没有在客户端再去实现。图4. 可以设置参数 collapse=1. 让表格先收缩起来。 它的默认值是0; 通过写这个JQuery 控件，深刻体会到它的强大。整个代码不到100行。...
我们使用热门的jquery进行设计，同时我们选择效果比较优秀的boxy弹出插件进行扩展(关于boxy的相关资料，请参照张鑫旭博客http://www.zhangxinxu.com/wordpress/?p=318)。下面介绍boxy作为选择器框架的应用。 对于选择器，相信用过招聘网站的人都不会陌生(就是那个点击就弹出的，选择行业、职位和地区的东西)，选择器难点就在于样式调试，主要针对的是IE6。这里介绍行业、职位和地区选择器，下载的Demo包含这三个选择器。 行...
随着 RIA 的广泛使用，将越来越多地使用 JavaScript 库协助开发。RIA 被定义（松散地）为通过浏览器运行的应用程序，这种浏览器结合使用 CSS/JavaScript/Ajax 创建类似桌面应用程序的外观。Firefox、Internet Explorer 和 Safari 最新发行版中新增的特性，以及 Google 新 Chrome 浏览器最近的版本，都专注于加快每个浏览器的内部 JavaScript 引擎的速度，其惟一目的是更加适应浏览器制造商为未来设计的 RIA。这些公司认为未来的 We...
因为方便嘛，Jquery已封装JS的setTimeout 和 setInterval 方法，下面看下应用例子： 代码如下:/** * jQuery.timers - Timer abstractions for jQuery * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com) * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/). * Date: 2009/10/16 * * @author Blair Mitchelmore * @version 1.2 * **/ jQuery.fn.extend({ everyTime: function(interval, label, fn, t...
一开始，我准备去动手，自己修改CSS文件。这被证明是个非常费力不讨好的事情。有一次在jQuery UI的主页【http://jqueryui.com/home】停留的时候，一个单词很快吸引了我的注意：【themeable】，这不就是“可变主题的”的意思吗？于是我进入到【http://jqueryui.com/themeroller/】这里，发现了下图的这个地方，他们官网的人把主题的更换叫做“主题滚轮”（哈哈哈，翻译水平一般，信达雅也不知道满足了多少）。 第一个TAB页里说的是【...
核心jQuery代码: 代码如下:$(function(){ var _wrap=$(ul.line);//定义滚动区域 var _interval=2000;//定义滚动间隙时间 var _moving;//需要清除的动画 _wrap.hover(function(){ clearInterval(_moving);//当鼠标在滚动区域中时,停止滚动 },function(){ _moving=setInterval(function(){ var _field=_wrap.find(li:first);//此变量不可放置于函数起始处,li:first取值是变化的 var _=_field.height();//取得每次滚动高度(多行滚动情...
知识要点： 1，自定义事件custom events及事件的订阅 2，trigger、bind、unbind方法的使用 3，带命名空间的自定义事件 将下面内容粘贴至txt文档后再直接粘贴至firebug的控制台，运行看看。 代码如下:/* JQuery自定义事件的应用-Javascript OO 有一帅哥叫Levin，在某公司前端设计部工作，他的主管是大帅哥A，经理是大美眉B。 领导们希望可以抽空瞄瞄这家伙每周的工作情况，于是。。。 Levin每周一要用google doc写一份关于上周工作...
通过网上咨询使用这个选择器便很容易的解决。特此记录一下。 下面是主要的代码 js脚本： 代码如下:<script type="text/javascript"> $(document).ready( function () { //每隔五行给li加一个样式 $(.article_li li:nth-child(5n)).addClass(liborder); $(.article_li li:last).addClass(liborder); } ); </script> html代码： 代码如下:<ul class="article_li"> <li> <label class="datename"> <span>2010-06-12 08:37:59 </spa...
所以Javascript已经成为了web开发最最基本的要求之一了。 而在现实的敏捷开发中，我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写。你会发现这样会节省很多的时间，写的代码也很清晰便捷。（当然在学生时代的是有也质疑过，用框架会对原生态的 Javascript理解不深入，其实这是多虑了的。在对框架的深入的同时，对原生的js也会理解的更透彻一些。成为一个精明的开发者，两者是相依相偎的。而最好的状态就是想Qzone前端...
1. var count = $("ul[@pid = '5']").length ; if (count == 0) ; return "没有";return "有"; //判断页面的UL上有没有PID等于5的,一般来说不要用ELSE 2. this.mainUl.find("li").mouseover(function(i) { }); //寻找UI里面的所有UI，绑定回调匿名函数 3.this.mainUl.parent().find("ul").each(function() { }); //循环父节点的所有UI，执行回调匿名函数 4.//取得下拉选单的选取值 $(#testSelect option:selected').te...
终极目的：想做一个方便的排序功能。 具体实现：点击后可以输入排序的数字编号，移开后自动更新数据库。 1，我想把这个功能用<span>来完成，也就需要一个在页面上监控指定的span的东西，他就是： ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。 $(document).ready(function(){ // 在这里写你的代码... }); 2，页面上<span>很多，如何才能区分呢？用id？还是class？id太单一，于是用class，因为排序不是针对一条数据...
最近在学习和试用jquery,感觉它的ajax和ashx发回json简直是完美的结合，如果我们可以在Form验证时使用这种方式，则login页面几乎就可以达到简洁的极致了。在login页面中使用jquery的ajax回叫ashx验证用户名和密码，然后转向其他页面。初步验证，在ashx中手工构造登录票据，然后返回给login端，是可以完成登录的。 然后接下来，就是在login.aspx页面中引入jquery，将jquery放在lib目录下，将user.ashx放在services目录下，在login.a...
前台 代码如下:<!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>无标题页</title> <style type="text/css"> .show{ display:block;} .hide{ display:none;} </style> <script type="text/javascript" src="jquery/jquery-1.2.6.js"></script> <script type="text/javascript"> //这个方...