本文实例讲解了jquery zTree异步加载，分享给大家供大家参考，具体内容如下 web.xml中Servlet配置如下：<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet-name>getDataServlet</servlet-n...
本来要做一个文件目录浏览界面，需要遍历所有的文件和目录，很显然一次性读取时很费时费力的一件事情。 因此就需要做异步加载.... 准备工作： 1下载 JQuery ZTree 复制其中的JS和CSS即可，其实没必要引那么多，用什么引什么就可以。2 需要fastJSON,用来转换JSON对象我下载JAR包后，引入到Eclipse中总是报找不到class错误。解决办法：把jar包放在WEB-INF/lib下即可。 代码实例： index.jspInsert title here
zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 兼容 IE、FireFox、Chrome 等浏览器在一个页面内可同时生成多个 Tree 实例支持 JSON 数据支持一次性静态生成 和 Ajax 异步加载 两种方式支持多种事件响应及反馈支持 Tree 的节点移动、编辑、删除支持任意更换皮肤 / 个性化图标（依靠css）支持极其灵活的 checkbox 或 radio 选择功能简单的参数配置实现 灵活多变的功能异步加载的意思就是： 当点击展开树...
本文实例讲解了jQuery使用zTree插件实现树形菜单和异步加载，并且可以进行编辑，分享给大家供大家参考，具体内容如下 效果图：一、HTML代码var setting = {async: {enable: true,url: "AjaxPage/GetAjax.aspxz=sdfww234edfsd",autoParam: ["id"],dataFilter: filter,contentType: "application/json",type:"get"},view: {expandSpeed: "",addHoverDom: addHoverDom,removeHoverDom: removeHoverDom,selectedMulti: false},check: {...
由于项目中需要设计树形菜单功能，于是百度找相关资料，发现zTree方面的资料不少，觉得挺不错，而且zTree官方也有API文档，介绍的非常详细，经过一番捣腾之后，终于给弄出来了，所以便记下来，也算是学习zTree的一个总结吧。 zTree的介绍： 1、zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件 2、zTree v3.0 将核心代码按照功能进行了分割，不需要的代码可以不用加载 3、采用了 延迟加载 技术，上万节点...
相信很多人都见过瀑布流图片布局，那些图片是动态加载出来的，效果很好，对服务器的压力相对来说也小了很多，用鼠标操作的时候相信都见过这样的效果：进入qq空间，向下拉动空间，到底部时，会动态加载剩余的说说或者是日志 ，今天我们就来看看他们的实现思路和js控制动态加载的代码。 下面的代码主要是控制滚动条下拉时的加载事件的，无论是加载图片还是加载记录数据 都可以。 加载jQuery库后我们可以这样使用： $(window).scrol...
本文实例为大家讲解了jquery zTree树插件的基本使用方法，具体内容如下 一、节点模糊搜索功能：搜索成功后，自动高亮显示并定位、展开搜索到的节点。 二、节点异步加载：1、点击展开时加载数据；2、选中节点时加载数据。 前台代码如下：//ztree设置var setting = {view: {fontCss: getFontCss},check: {enable: true},data: {simpleData: {enable: true,idKey: "id",pIdKey: "pId",rootPId: 0}},async: {enable: true,url: "#{getS...
本文实例讲述了jQuery实现图片加载完成后改变图片大小的方法。分享给大家供大家参考，具体如下： 要改变图片的大小并不难，可以用jQuery操作css改变。但是前提是要判断图片是否加载完成。主要是通过jQuery的load事件和onreadystatechange来判断其状态。 对于IE6，用onreadystatechange可以直接处理，在IE7中，则需要用定时器来判断图片的readystate状态。而对于FF和Chrome刚可以直接用load事件来判断。 以下是在实例中使用的完整代...
废话不多说了，直接给大家贴代码了，具体代码如下所示：var str = ''; if(page=="") page=1; var stop=true;//触发开关，防止多次调用事件 $(window).scroll( function(event){ //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 10 >= $(document).height() && $(this).scrollTop() > 10) { //if(stop==true){ //stop=false; //var canshu="page/"+pag...
以下是实现代码(基于jquery): 代码如下: function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=(typeof settings.defObj=="object")?settings.defObj.find("img"):$(settings.defObj).find("img"); var pageTop=function(){ return document.documentElement.clientHeight+Math.max(document.documentElement.scrollTop,doc...
网站开发中的javasript部分，现在的开发人员很少有再去手工写document.getElementById()的了吧，那还不得累死，你还真别说，getElementById还真不好写，字母还挺多又区分大小写，一不留神就写错了。因此一下诸如用$来实现document.getElemetnById()就常见了。 代码如下: function $() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element == string) el...
分析代码也可以知道。 最主要的原因是 写在页面上的 一经加载，就去向服务器申请图片地址，加载大图片。 如果想实现原定的效果，则 写在页面上的待加载地址 必须不能是大图片的地址，而我们可以将真正的图片地址数据 存储在alt属性中。 正确的例子如下： 代码如下: 对原来的 jquery.lazyload.js我们也需要做一点改动： 代码如下: //初始化代码 $(document).ready(function(){ $("#lazy1 img,#lazy2 img").lazyload({ place...
代码如下: $(document).ready(function(){ $("#Click").click(function(){ $.getJSON("ajaxuser.jspx",{},function(json){ //alert(json); $("#clickTab").children().each(function(){ $(this).remove(); }); $(json).each(function(){ var id=this.uid; var name=this.uname; var pwd=this.upwd; //alert(name); var htmlStr=''+id+''+''+name+''+''+pwd+''; $("#clickTab").append(htmlStr); }); }); }); $("#clickTab").aj...
在线演示:http://demo.jb51.net/js/JQueryload/index.htm全部代码 代码如下: JQuery - Load #header { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #eee; } .buttonListArea { float: left; width: 150px; padding-right: 10px; border-right: 1px solid #eee; margin-right: 10px; } .buttonArea { margin: 10px; padding-bottom:20px; } #load_content { float: left; width: 550px; text-align:cen...
因为加载内容比较慢，所以用户可能在li上不经意点击了两次，那么就会请求两次，这是我们不想看到的。 今天在javascript-jquery群上一筒子发了两个demo给我，他的方法是先将单击的li节点拷贝出来，在加载完后 在重新插回去，显然不太适合我做的功能。 正一筹莫展，想了一下，何不在li点击时加入loading图片（在ajax加载前），判断li节点上是否存在了img元素， 没有则加载ajax内容，否则不处理。 测试了可以通过，(^o^)/。 代码如下...