栅栏图片展示：延迟加载+ajax
本文介绍了一个类似百度图片的图片展示页面。
鼠标滚动时才加载图片，当鼠标滚动到页尾的时候，则ajax更多的图片。
ajax部分是我自己写的，我觉得好像对于浏览器的负担挺重的，我用IE6测试的时候，会发现加载得很慢，很卡。希望有大神可以指点一下，帮我优化一下我的AJAX.
以下代码是用了lazyload插件以及自己编写的一个ajax(当鼠标的位置到底部的时候，则加载更多的图片)
参考资料
lazyload官网http://appelsiini.net/projects/lazyload JS获取鼠标位置参考http://www.neoease.com/get-cursor-position-with-javascript/http://mysougou.iteye.com/blog/739704setTimeoutFun函数参考http://www.iteye.com/magazines/116-Web-Front-Performance-Best-Practice
index.php
<!DOCTYPE HTML><html><head><title>画廊</title><meta http-equiv="content-type" content="text/html; charset=gb2312" /><script src="js/Jquery-1.8.2min.js"></script><script src="js/jquery.lazyload.js"></script><script>$(document).ready(function(){bindImgEvent();//延迟加载var ajaxStatu=true;//ajax状态,防止鼠标滚动时，多次ajax$(document).mousemove( setTimeoutFun( function(e){if( ajaxStatu && checkMousePosition(e) ){//ajax更多图片ajaxStatu = false;var time = new Date().getTime();$.ajax({type:'POST',url:'ajaxPic.php?t='+time,dataType:'json',success:function(data){var html;for(var i in data){for(var j in data[i]){html +='<li src="images/loadPic.gif"/></a><div id="picUl<?php echo $x;?>"> <?phpfor($i=1; $i<101; $i++){?><li src="images/loadPic.gif"/></a><div class='imgInfo'><a href="#" name="code"><?php$arr = array();for($i=1; $i<6; $i++){for($j=1; $j<101; $j++){$arr[$i][] = array('imgSrc'=>'1.jpg', 'proName'=>iconv('gbk', 'UTF-8','ajax图片名称'), 'tagCon'=>iconv('gbk', 'UTF-8','ajax动物') );}}echo json_encode($arr);//json_encode,如果对象有中文，请记得把编码转为UTF8,要不然，json_encode就解析不了啦! ?>