随笔分类 -  Jquery

缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
摘要：Lazy Load 这个 jQuery 插件，是用来缓冲加载图片的插件。如果一篇文章很长有很多图片的话，下载图片就需要很多时间。而这款插件，会检测你的滚动情况，只有你要看到那个图片的时候，它才会从后台请求下载图片，然后显示出来。使用这个插件，可以在需要显示图片的时候，才下载图片，所以可以减少服务器的压力，避免不必要的资源下载。如果一个人不看下面的图片，那加载下面的图片就是一种浪费。Lazy Load 插件原理修改目标 img 的 src 属性为 orginal 属性，从而中断图片的加载。检测滚动状态，然后把可视网页中的 img 的 src 属性还原加载图片，制造缓冲加载的效果。但是现在，很多j 阅读全文

posted @ 2013-03-13 14:44 canny_strive 阅读(159) 评论(0) 推荐(0)

Div代替Alt，Title，Jquery Tooltip , e.pageX
摘要：$(function(){var x = 10;var y = 20;$("a.tooltip").mouseover(function(e){this.myTitle = this.title;this.title = "";var imgTitle = this.myTitle? "<br/>" + this.myTitle : "";var imgUrl = $(this).children().attr("src");var tooltip = "<div i 阅读全文

posted @ 2012-12-31 09:18 canny_strive 阅读(199) 评论(0) 推荐(0)

Jquery 插件集合
摘要：花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++accordion类+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++基于jQuery开发，非常简单的水平方向折叠控件。Horizontal accordion: jQuery热点图书：www.hotbook.cn jQuery-Horizo 阅读全文

posted @ 2012-12-20 11:57 canny_strive 阅读(235) 评论(0) 推荐(0)

[转]JQuery.Ajax之错误调试帮助信息
摘要：下面是Jquery中AJAX参数详细列表：参数名类型描述url String(默认: 当前页地址) 发送请求的地址。typeString(默认: "GET") 请求方式 ("POST" 或 "GET")， 默认为 "GET"。注意：其它 HTTP 请求方法，如 PUT 和 DELETE 也可以使用，但仅部分浏览器支持。timeoutNumber设置请求超时时间（毫秒）。此设置将覆盖全局设置。async Boolean(默认: true) 默认设置下，所有请求均为异步请求。如果需要发送同步请求，请将此选项设置为 fa 阅读全文

posted @ 2012-12-18 17:05 canny_strive 阅读(191) 评论(0) 推荐(0)

IE和FF下javascript获取网页宽高及窗口大小
摘要：在新定义出来的标准下document.documentElement.clientHeight在IE和火狐里都能获取正确值，下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别：<scriptlanguage="javascript">functiongetInfo(){vars="";s+="网页可见区域宽："+document.body.clientWidth;s+="网页可见区域高："+document.body.clientHeight;s+="网页可见区域宽："+d 阅读全文

posted @ 2012-12-14 17:23 canny_strive 阅读(399) 评论(0) 推荐(0)

jQuery EasyUI
摘要：Demo:http://www.jeasyui.com/demo/main/index.php?plugin=Dialog&theme=default&dir=ltr&pitem= 阅读全文

posted @ 2012-11-15 10:10 canny_strive 阅读(104) 评论(0) 推荐(0)

Jquery 页面载入 进度条
摘要：jQuery 页面载入进度条页面 Loading 条基本人人都会用。它的原理很简单：在页头放置一个文字或者图片的 loading 状态，然后页尾载入一段 JS 隐藏掉，即根据浏览器的载入顺序来实现的简易 Loading 状态条。上图展示了传统 Wordpress 模板在浏览器中的载入顺序，Loading 条的出现和消失分布于头尾。如果我们在页面的不同位置放置多个 JS ，每个 JS 用于逐步增加 Loading 条的宽度，那么这个 Loading 条无疑会更具实用价值。它在一定程度上缓解了访客等待载入的枯燥感，同时还能客观反映页面载入的进度。若再配以 jQuery 内建的动画效果，其完全可以与 阅读全文

posted @ 2012-11-15 09:49 canny_strive 阅读(195) 评论(0) 推荐(0)

jQuery进度条1
摘要：在画面上加入一个进度条的功能，查了很多资料，终于略有所成。记下来，以备后用。由于用到了jQuery,所以引入jQuery.js是必要的，另外也引入了jquery.progressbar.min.js，这个插件，能帮助代码更快的实现功能需要。<script type="text/javascript" src="../js/jquery.progressbar.min.js"></script>用到了jQuery + ajax$(document).ready(function(){ //将显示出错用的div，清空 $(" 阅读全文

posted @ 2012-11-15 09:41 canny_strive 阅读(443) 评论(0) 推荐(1)

导航