Linux命令随手记之一:用mkdir的{}参数,用来一次性创建复杂的目录结构
2013-01-11 02:24
791 查看
屏幕滚动到那个图片的上边缘,才会触发请求加载时间。这样就很好解决一些当第一屏,我们看不到的而且不用第一次加载的图片,就可以触发加载
节约一次下载的时间
演示地址: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
相关文章推荐
- mkdir命令_Linux mkdir 命令用法详解:用来创建目录
- 在 Linux 下用 mkdir 命令来创建目录和子目录
- linux中mkdir创建目录命令使用说明
- linux-shell命令之mkdir(make dir)【创建目录】
- 在 Linux 下用 mkdir 命令来创建目录和子目录
- 在 Linux 下用 mkdir 命令来创建目录和子目录
- Linux 命令 - mkdir: 创建目录
- linux学习第三篇 目录结构及创建/删除文件、目录的命令使用
- 在 Linux 下用 mkdir 命令来创建目录和子目录
- Linux的相对和绝对路径、cd命令、创建和删除目录mkdir/rmdir和rm命令
- LinuxStudyNote(7)-Linux常用命令(2)-文件处理命令(2)-创建目录命令mkdir
- 在 Linux 下用 mkdir 命令来创建目录和子目录
- 【每天一个Linux命令】19. 创建文件夹目录命令mkdir
- Linux-相对路径、绝对路径、cd命令、创建和删除目录mkdir/rmdir、 rm命令
- Linux命令:目录重命名与移动mv,删除文件rm,目录创建mkdir删除rmdir,查看file,cat,more,tail,head
- 【每天一个Linux命令】19. 创建文件夹目录命令mkdir
- linux中mkdir创建目录命令使用说明
- 【Unix/Linux】【命令】【文件,目录操作工具】创建目录——mkdir命令
- 一天一个Linux基础命令之创建目录命令mkdir
- Linux创建目录-mkdir命令,创建文件-vi touch,删除文件rm