-
XHTML
所有的功能模块
应用程序
系统管理
生日祝福
节日的祝福
积分管理
n多个李
XHTML的结构包括一个导航栏和一个列表的内容，在内容列表#名单中，我添加了一个ID属性的每个李的流沙插件调用方便。
CSS
# NAV {身高：36px；保证金：10px汽车；底部边框：1px solid # 36c }
# NAV UL {列表样式：无；填充左：120px }
# nav ul {浮动：左；身高：34px；线高度：34px；margin-left: 6px；
填料：0px 12px；左边框：1px solid # d3d3d3；边框右：1px solid # d3d3d3；
边境上：1px solid # d3d3d3；背景：# f7f7f7；鼠标指针}
# nav ul .cur {身高：35px；背景：# 36c；颜色：# FFF }
图像网格{缩放：1 }
。图像网格里{宽度：82px；身高：100px；保证金：20px 00 35px；浮动：左；
文本对齐：中心；线高度：18px；颜色：# 686f74；溢出：隐藏；}
。图像网格里的数据。图像网格里强{显示：块；}
我设置选项卡式导航栏#导航和设置所选国家# NAV UL li.cur.the列表内容区的样式也设置固定的高度和宽度的每幅照片。
jQuery
首先，复制列表区域的内容：
VaR数据=美元美元（#一览表）。Clone（）；
然后，要实现选项卡样式，单击导航时，将选中的样式添加到当前单击项，而其他项则删除选定的状态样式：
$（# nav ul）。Click（function（）{（）{）
$（这）。AddClass（我）；
$（这），兄弟姐妹（）。RemoveClass（我）；
}）；
然后，继续在时间的点击，获取当前点击选项ID，根据ID值，得到的数据源来源和最后叫美元，流沙plug-in.the完整代码如下：
$（# nav ul）。Click（function（）{（）{）
$（这）。AddClass（我）；
$（这），兄弟姐妹（）。RemoveClass（我）；
var id = $（this）。Attr（ID）；
如果（id = 全部）{
无功源= data.find美元美元（礼）；
其他{ }
无功源= data.find美元美元（李{ class=+身份证+ ）；
}
$（#一览表）。Quicksand（合源，{
持续时间：1000，
属性：'id'，
宽松：'swing
}）；
}）；
}）；
流式插件提供了一些可以配置的参数：
持续时间：过渡动画的时间，以毫秒为单位。
属性：关联数据的属性，此示例设置为ID.。
放松：动画缓冲。
还有一种增强方法：函数（c）{可以自定义函数调用。
顺便问一下，有没有过渡动画效果在IE6和IE7，+，以及其他先进的浏览器进行测试。
以上是本文的全部内容，希望大家能喜欢。