汤姆熊猫

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2011年10月21日

摘要: jQuery滚动加载插件scrollLoading虽然只有几十行代码,但是为了方便使用,我还是将其插件化了。插件名为jquery.scrollLoading.js,您可以狠狠地点击这里下载(右键 – [目标|链接]另存为),或是点击这里下载mini压缩版的。您可以狠狠地点击这里:jQuery滚动加载图片等demo,如果您的网速是在贫困线上挣扎,可以慢慢拖动滚动条,就可以很清楚的看到滚动加载的效果了;如果您的网速让你引以为豪,哥,你需要很快的拖动滚动条才能瞥见效果。效果类似下面:demo页面中似乎有段破坏和谐的HTML片段,那是动态加载HTML后的效果,也就是说,此scrollLoading不仅 阅读全文
posted @ 2011-10-21 22:48 汤姆熊猫 阅读(609) 评论(0) 推荐(0)

摘要: 模仿人人网 拖动滚动条到页面底端时加载新消息[AJAX、jQuery、web service] 阅读全文
posted @ 2011-10-21 22:30 汤姆熊猫 阅读(117) 评论(0) 推荐(0)

摘要: 用 jquery 制作随着显示页面的滚动条的滚动动态加载图片,适用于图片太多的页面,在访问网页时,可以先只加载第一屏要显示的图片,当用户进行向下滚动查看页面的时候,动态去加载这些图片,好处是减少页面第一次显示的流量,加快页面第一屏显示的速度。 主要原理:通过 setInterval 定时事件,检测滚动条的位置,再进行 ajax 请求服务端数据,加载图片到页面上。 <script type="text/javascript">var iHeight = 0;var iTop = 0;var clientHeight = 0;var iIntervalId = nu 阅读全文
posted @ 2011-10-21 22:20 汤姆熊猫 阅读(336) 评论(0) 推荐(0)

摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>只加载当前浏览器显示部分屏幕的图片</title><meta http-equiv="content-type 阅读全文
posted @ 2011-10-21 22:15 汤姆熊猫 阅读(475) 评论(0) 推荐(0)