汤姆熊猫

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

2011年10月21日

jQuery 滚动条动态图片加载（模拟淘宝商城图片加载）
摘要： 用 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 汤姆熊猫 阅读(339) 评论(0) 推荐(0)

jQuery 只加载当前浏览器显示部分屏幕的图片
摘要： <!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)