sed及正则表达式随手记之一:用以提取stat命令结果的数字权限形式
2013-01-08 15:58
363 查看
屏幕滚动到那个图片的上边缘,才会触发请求加载时间。这样就很好解决一些当第一屏,我们看不到的而且不用第一次加载的图片,就可以触发加载
节约一次下载的时间
演示地址:http://www.corange.cn/demo/3755/index.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>延迟加载图片jquery插件</title>
<meta name="generator" content="Mephisto" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({
placeholder : "grey.gif",
effect : "fadeIn"
});
});
</script>
<style type="text/css">
#sidebar {
width: 0px;
}
#content {
width: 770px;
}
</style>
</head>
<body>
<div class="entry">
<img src="../demo1.jpg" width="765" height="574"><br/>
<img src="../demo2.jpg" width="765" height="574"><br/>
<img src="../demo3.jpg" width="765" height="574"><br/>
<img src="../demo4.jpg" width="765" height="574" ><br/>
<img src="../demo5.jpg" width="765" height="574"><br/>
<img src="../demo6.jpg" width="765" height="574" ><br/>
</div>
</body>
</html>
js文件请到演示地址下载
原文地址:http://www.corange.cn/archives/2010/12/3755.html
节约一次下载的时间
演示地址:http://www.corange.cn/demo/3755/index.html
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>延迟加载图片jquery插件</title>
<meta name="generator" content="Mephisto" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({
placeholder : "grey.gif",
effect : "fadeIn"
});
});
</script>
<style type="text/css">
#sidebar {
width: 0px;
}
#content {
width: 770px;
}
</style>
</head>
<body>
<div class="entry">
<img src="../demo1.jpg" width="765" height="574"><br/>
<img src="../demo2.jpg" width="765" height="574"><br/>
<img src="../demo3.jpg" width="765" height="574"><br/>
<img src="../demo4.jpg" width="765" height="574" ><br/>
<img src="../demo5.jpg" width="765" height="574"><br/>
<img src="../demo6.jpg" width="765" height="574" ><br/>
</div>
</body>
</html>
js文件请到演示地址下载
原文地址:http://www.corange.cn/archives/2010/12/3755.html
相关文章推荐
- js正则表达式判断一个字符串是否是正确的有数字和小数点组成的金钱形式和 判读数值类型的正则表达式
- 十二、sed 命令与正则表达式
- 如何在grep和sed命令中使用扩展的正则表达式
- 正则表达式:提取以数字开头,以点结尾的字符串
- 在linux下如何用正则表达式执行ifconfig命令,只提取IP地址!
- Linux 常用命令sed/awk/grep及正则表达式
- java正则表达式提取数字、英文、中文
- 用sed命令进行正则表达式匹配字符串,如何检验匹配是否成功?
- 十二、sed 命令与正则表达式
- asp正则表达式提取字符串中所有的数字
- .net利用正则表达式提取字符串中的数字
- 字符串中利用正则表达式提取出数字,并存如数组
- linux中正则表达式、find、xargs、grep以及sed等命令的用法
- java正则表达式提取数字的方法实例
- java正则表达式提取字符串中的数字
- 急!!!求从字符串中提取形如: div([MC0010000000006],此若干个字符或数字,0) 的正则表达式
- 正则表达式提取字符串中的数字
- Vim命令小结-指定词统计和提取指定词(正则表达式)
- shell脚本之正则表达式、函数、grep、sed、awk、printf等基本命令配置详解
- 使用Python正则表达式提取搜索结果中的站点