有时我们看到一些大型网站，页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载，一定程序上加快了页面加载的速度，对于比较长的页面来说，这个方案是比较好的。

推荐：使用jquery图片延迟加载插件jquery.lazyload实现图片延迟

实现原理：

把所有需要延时加载的图片改成如下的格式：

<img lazy_src="图片路径" border="0"/>

如果你的网站必须有很多图片，那么我们该如何优化呢，没错！就是图片延迟加载技术。现在介绍如下：

工具：jQuery

步骤/方法

第一，该功能主要依靠jQuery，所以首先要下载程序包，在百度里搜索“图片延迟加载　下载”会有很多的下载包。

第二，将文件解压，将Js文件夹所有文件上传至网站根目录，目录形式为：

　　/Js/lazyload/grey.gif

　　/Js/lazyload/jquery.js

定义

<hr> 标签在 HTML 页面中创建一条水平线。

水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

CSS定义HR水平线的几种样式

.hr0{ height:1px;border:none;border-top:1px dashed #0066CC;}

.hr1{ height:1px;border:none;border-top:1px solid #555555;}

截字省略号

 我的前端作品地址：

http://guo.35ui.cn

 文本框获取和失去焦点事件

1.文本框获取和失去焦点时，文本框背景色的变化，代码：

<script type="text/javascript">
$(document).ready(function(){
  $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });
});
</script>

 jquery

欢迎使用Z-Blog,这是程序自动生成的文章.您可以删除或是编辑它,在没有进行"文件重建"前,无法打开该文章页面的,这不是故障:)

系统总共生成了一个"留言本"页面,和一个"Hello, world!"文章,祝您使用愉快!