在使用PDFObject.js时，由于后台需要转换数据，在前台显示的时候，有很长一段时间显示空白页面，所以想到写一个假的加载动画script片段：<script type="text/javascript"> var bar = 0; var line = "||" ; var amount ="||" ; function count(){ bar= bar+2 ; amount =amount + line; $("#chart").val(amount); $("#percent").val(bar+"%"); if (bar<99){ //设置1.5秒循环一次 setTimeout("count()",150); }else{ $("#befor...
图片延时加载技术对大流量的网站来说是十分实用的。目前图片在网站中大量使用，如果不加处理的话会对服务器和带宽造成级大压力，通过只渲染当前用户可见区域的图片，可以极大地减少网站的请求数，降低网络带宽资源。 unveil 这是一款十分轻量级的片时图片加载组件 支持现代浏览器及IE7+, Github上面有将近3K个star(关注) 使用 一般图片<img src="bg.png" data-src="img1.jpg" /> 对于支持 retina (视网膜屏幕) 设...
代码如下:/* **************图片预加载插件****************** ///作者：没剑(2008-06-23) ///http://regedit.cnblogs.com ///说明：在图片加载前显示一个加载标志，当图片下载完毕后显示图片出来 可对图片进行是否自动缩放功能 此插件使用时可让页面先加载，而图片后加载的方式， 解决了平时使用时要在图片显示出来后才能进行缩放时撑大布局的问题 ///参数设置： scaling 是否等比例自动缩放 width 图片最大高 height 图片最大宽 ...
经过一翻尝试，终于找到了一个自大比较满意的解决方法，现写在自己的博客中与大家分享。 第一步需要在签核页面中提供一个区域用来显示表单内容，这里使用的是DIV。 代码如下: $(document).ready(function() { loadPage("doc_view", "doc_view_url . '/flag/1'; ?>"); }); $p = new Portlet(); $p->setCaption("Document View") ->setShowBorder(false) ->addItem("") //这个DIv就是用来显示表单内容的容器 ->render(); echo $this...
直接引用远程文件就可以显示源文件，确实解决了资源。在线演示：http://img.jb51.net/online/jquery_codeview/jquery_code.htm打包下载：http://xiazai.jb51.net/200905/yuanma/jquery_codeview.rar
1,Content-Type 很多时候无法解析就是Content-Type的问题。 如果本身就是xml文件，请跳过这一步 动态生成的XML一定要将其设置为text/xml，否则默认就是text/html也就是普通的文本了。 常见语言的Content-Type设置 代码如下: header("Content-Type:text/xml"); //php response.ContentType="text/xml" //asp response.setHeader("ContentType","text/xml"); //jsp 2，xml结构。 例： 错误的XML 代码如下:CODE: zhangsan 1 lisi...
最近在学习JS的OOP所以写了这么个东西 使用方法： $(".viewArea img").zoom({height:74,width:103}); 效果演示： http://demo.jb51.net/html/jquery_img/jquery_img.htm代码： 代码如下: (function($){ $.fn.zoom = function(settings){ //一些默认配置； settings = $.extend({ height:0, width:0, loading:"lightbox-ico-loading.gif" },settings); var images = this; $(images).hide(); var loadding = new Image(); loadding...
怎样使用? Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域: 代码如下: 并且在你的执行代码中加入下面语句: 代码如下: $("http://www.appelsiini.net/projects/lazyload/img").lazyload(); 这将使 id="http://www.appelsiini.net/projects/lazyload/img" 区域下的图片将被延迟加载. 设置敏感度 插件提供了 threshold 选项, 可以通过设置临界值 (触发加载处到图片的距离) 来控制图片的加载. 默认值为 0 (到...
什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小） 在线压缩js http://closure-comp...
减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用，引用如下js： 查看源代...
淘宝,QQ,还有当当，亚马逊之类网之类的都有这个效果，原理是分段加载图片，主要用于大型网站节省带宽，可是他们提供的东西压缩混淆看不清，还有的要基于什么雅虎的什么库，总之是很麻烦的，JQ的控件倒是够清晰了，只是还是没有达到节省网络带宽的效果，于是我在JQ懒加载控件上进行一些改进，改进以后的最大的特点就是调用方便，项目中不需要什么太多更改，而且JS文件也不大。（泡泡网工！转载注明出处，谢谢） 1.给泡泡网开发控件，...
最近在改一个嵌入在frame中的页面的时候，使用了jquery做效果，而页面本身也绑定了onload事件。改完后，Firefox下测试正常流畅，IE下就要等个十几秒jquery的效果才出现，黄花菜都凉了。 起初以为是和本身onload加载的方法冲突。网上普遍的说法是$(document).ready()是在页面DOM解析完成后执行，而onload事件是在所有资源都准备完成之后才执行，也就是说$(document).ready()是要在onload之前执行的，尤其当页面图片较大较多的时...
这样的需求貌似自己感觉不是很合理，因为数据多了如此下拉无论从人还是机器操作都比较痛苦。没办法由于需求下来了，只能按需求操作。网上找了很多相关控件都感觉有点庞大，占资源比较多。没办法自己花半天时间弄出个半成品自定义控件，拿出来分享下，如有高手看了请多指点。 需求：AJAX滚动滚动条加载数据的下拉列表 控件名称：Webcombo 所用技术：ASP.NET(C#)，jQuery，ASP.NET一般处理文件（.ashx） 下拉列表具体实现：用DIV模拟...
ECharts地图主要用于地理区域数据的可视化，展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载，通过js引入或异步加载json文件的形式调用地图。效果演示 源码下载 本文将结合实例讲解如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据，我们以中国地图为例，展示去年（2015年）我国各省份GDP数据。通过异步请求php，读取mysql中的数据，然后展示在地图上，因此本文除了你掌握前端知识外，...
本文实例分享了JQuery ztree带筛选、异步加载实例，供大家参考，具体内容如下< head> < base href=""> My JSP 'ztree.jsp' starting page< script type="text/javascript" src="zTrees/js/jquery-1.4.4.min.js"></ script> < script type="text/javascript" src="zTrees/js/jquery.ztree.core-3.5.js"></ script> < script type="text/javascript"src="zTrees/js/jquery.ztree.excheck-3.5.js"></ script> < script type="text/jav...