节选自原文：http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html
1.Jquery实现的淡入淡出效果
这种淡入淡出的效果可以应用在图片，文字片段，甚至任何节点，未激活时该效果显示30%的透明度，鼠标hover效果为100%的透明度，很适合在网页的局部内容表现上使用。
- $(document).ready(function(){
- $("ELEMENT HERE").fadeTo("slow", 0.3);
- $("ELEMENT HERE").hover(function(){
- $(this).fadeTo("slow", 1.0);
- },function(){
- $(this).fadeTo("slow", 0.3);
- });
- });
2.模仿igoogle界面
这里应用使用了Jquery UI库、sortable（排序表格）和draggable（可拖拽)插件，可以创建类似igoogle那样可以拖拽的小窗口门户，每个小窗口都可以编辑、移动、关闭，这些效果都有比较友好的平滑过渡效果，并且可以保存界面设置（需要后台支持）。
3.滑出式注册登陆框
这个从上面滑出的注册登陆框的效果是用mootools实现的。
4.平滑过渡下来的菜单
鼠标经过菜单的时候在该菜单会在600ms内伸长150px，鼠标离开时会慢慢将延伸的菜单慢慢变回原来的高度，比较简单的效果。
5.延迟加载图片
这个是非常实用的效果，当网页上有很多图片需要滚动条时，使用该插件即可实现在滚动到相应位置时才去临时加载该图片，运用得好可以大大提高页面载入输入。
6.AJAX动态弹出内容
比较炫的动态加载内容到当前页面的效果，载入窗口会跳动出现，在某些地方可以替换类似lightbox等插件。基于mootools实现。
7.折叠页角
jQuery UI 和 resizable 库实现的折角效果。
Possibly Related Posts:
