志凡'S BLOG

电子商务火热，高清图片很重要，所以很多网站都有放大镜的效果。

今天发现一个很酷的基于jquery的组件

1.轻量级 js文件6k

2.支持几种放大模式

项目站点：http://www.professorcloud.com/mainsite/cloud-zoom.htm

该组件很适合各种电子商务网站的需要。

在软件布局时经常是上左右的框架布局并且需要宽度的自适应，div+css是无法实现，所以需要js来辅助。

主要通过resize这个方法。也就是当窗口大小改变时重新计算布局的高宽,其它直接看代码即可。

$(document).ready(function() {
	initLayout();
	$(window).resize(function(){
		initLayout();
	});
});
function initLayout() {
	$('#right').width(document.documentElement.clientWidth - $("#left").width()-2);
	var h = document.documentElement.clientHeight - $("#header").height()-5;
	$('#left').height(h);
	$('#right').height(h);
}

Demo:http://www.coderhome.net/demo/f.html

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.

Read the rest of this entry »

Website: http://webdeveloperplus.com/jquery/featured-content-…
Demo: http://demo.webdeveloperplus.com/featured-content-sl…

jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性(Pluggability)，你可以编写自己的图表样式。

在jqPlot主页的自我介绍中有这样一句话：“jqPlot is a plotting plugin for the jQuery Javascript framework.”。这里我并不认同他所说的jquery是一个javascript框架，jquery只能说是一个javascript库（javascript library），相信在jquery主页也找不到javascript framework的字眼。

jqPlot功能简介:

1. 有多种图表样式可供选择
2. 可以自定义日期轴线
3. 可设置旋转轴文字
4. 自动计算趋势线
5. 工具条提示和高亮数据点
6. 默认最优设置，非常易于使用

以上功能在jqPlot主页中的示例页面有很多直观的展示。这里是它详细使用文档。

例如有一段HTML代码： Read the rest of this entry »

jquery1.2以后可以通过getJSON来实现ajax跨域请求访问了。

具体方法：

非跨域的方式：
客户端

$.getJSON('test.php',null,function (json){
	alert(json.a);
});

服务端：

require('JSON.php');
$json = new Services_JSON();
$info = array('a'=>1);
 
echo .$json->encode($info);
//实际输出 {"a":1}

跨域的方式：
客户端

$.getJSON('http://slow-live.com/test.php?jsoncallback=?',function (json){//区别在于增加jsoncallback传递回访函数？代表由jquery来指定
	alert(json.a);
});

服务端：

require('JSON.php');
$json = new Services_JSON();
$info = array('a'=>1);
 
echo $_REQUEST['jsoncallback'].'('.$json->encode($info).')';
//服务端的区别不是直接输出数据，把回访函数加上
//实际输出 jsonp1237114865030({"a":1})

实际上跨域是通过动态增加script来加载数据，无法直接获得数据，所以需要使用回调函数。
可以参考另一篇：http://www.coderhome.net/zifa/archives/139

能够用厚厚的PDF来解释jQuery的人不多，但确实是有一个。看到这篇文章也是一个意外，是从订阅的某个人的博客里找到的。他看到这篇文章也很意外，于是乎，我也就很意外的转载了一下。
原文地址：http://jljlpch.javaeye.com/blog/234218
作者：jljlpch
原文中的PDF下载地址：

镜象PDF下载：jquery1.2.6源码分析.rar

http://coderhome.net/code/index.php?mode=entry&id=148