献给热爱宫崎骏动画的朋友们。
尽管各种 JavaScirpt 框架和库层出不穷，jQuery 仍然是 Web 前端开发中最常用的工具库。今天，向大家分享我觉得在网站开发中10个简单实用的 jQuery 代码片段。
平滑滚动到锚点
这个功能很常见，在网站底部添加一个让访客快速回到页面顶部的功能，下面是实现这个功能的示例代码：
[code lang=”js”]
// HTML:
/……
鉴于大多数人仍在使用传统键盘和鼠标/触控盘组合的传统交互方式，通过在空中挥动或与向钢铁侠中Jarvis一样的个人助理交谈来完成人机交互似乎是一个难以实现的梦想。
许多公司都在尝试，并希望在现有的科技水平下推动这个梦想的实现。他们的成果令人着迷，但往往和《星际迷航》中的全息甲板（holodesk）所带来的期望不同。……
柴静专访周星驰谈爱情：新西游沿用18年前主题曲《一生所爱》，只加一句“从前直到现在，爱还在”。周星驰：你觉得我还有机会吗？周：我都运气不好。柴静：不是吧，曾经有一段真挚的感情放在你面前，你没有珍惜。周：假如我可以重来的话，我就不要那么忙了！
游火炉山。
#gallery-1 {
margin: auto;
}
#gallery-1 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-1 img {
border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
margin-left: 0;
}
/* see galle……
太古仓一游。
#gallery-2 {
margin: auto;
}
#gallery-2 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-2 img {
border: 2px solid #cfcfcf;
}
#gallery-2 .gallery-caption {
margin-left: 0;
}
/* see gal……
沙面走走。
#gallery-3 {
margin: auto;
}
#gallery-3 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-3 img {
border: 2px solid #cfcfcf;
}
#gallery-3 .gallery-caption {
margin-left: 0;
}
/* see galle……
为父亲节与母亲生日，去那里庆祝一番。
食物1
#gallery-4 {
margin: auto;
}
#gallery-4 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-4 img {
border: 2px solid #cfcfcf;
}
#gallery-4 .gallery-caption {
margi……
去百脑汇办事，顺便闲拍一下。
百脑汇举办LOL比赛
#gallery-5 {
margin: auto;
}
#gallery-5 .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
width: 33%;
}
#gallery-5 img {
border: 2px solid #cfcfcf;
}
#gallery-5 .gallery-caption {
m……