<!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=gb2312" />
<meta name="keywords" content=" " />
<meta name="description" content=" " />
<title>jQuery图片排列动画效果_网页模板</title>
<LINK rel=stylesheet href="css/lanrenxixi.css"><!--[if IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]--><!-- DO NOT USE THESE FILES. they are compiled for fast http access --><!-- if you’re looking for source, download or read documentation -->
<SCRIPT type=text/javascript src="js/jquery-1.4.1-and-plugins.min.js"></SCRIPT>
<SCRIPT type=text/javascript src="js/main.js"></SCRIPT>
</head>
<body>
<DIV id=wrapper>
<DIV id=site>
<DIV id=title>
<P>jQuery图片排列动画效果_网页模板</P></DIV><!-- this isn’t part of the plugin, just a control for demo -->
<UL class=splitter>
<LI>Filter by type:
<UL>
<LI class="segment-1 selected-1"><A
href="#"
data-value="all">Everything</A></LI>
<LI class=segment-0><A href="#"
data-value="app">Applications</A></LI>
<LI class=segment-2><A href="#"
data-value="util">Utilities</A></LI></UL></LI>
<LI>Sort by:
<UL>
<LI class="segment-1 selected-1"><A
href="#"
data-value="name">Name</A></LI>
<LI class=segment-2><A href="#"
data-value="size">Size</A></LI></UL></LI></UL>
<DIV class=demo><!-- read the documentation to understand what’s going on here -->
<UL id=list class=image-grid>
<LI class=util data-id="id-1"><IMG alt=""
src="images/activity-monitor.png" width=128
height=128> <STRONG>Activity Monitor</STRONG> <SPAN>348 KB</SPAN> </LI>
<LI class=app data-id="id-2"><IMG alt=""
src="images/address-book.png" width=128 height=128>
<STRONG>Address Book</STRONG><SPAN>1904 KB</SPAN> </LI>
<LI class=app data-id="id-3"><IMG alt=""
src="images/finder.png" width=128 height=128>
<STRONG>Finder</STRONG> <SPAN>1337 KB</SPAN> </LI>
<LI class=app data-id="id-4"><IMG alt=""
src="images/front-row.png" width=128 height=128>
<STRONG>Front Row</STRONG> <SPAN>401 KB</SPAN> </LI>
<LI class=app data-id="id-5"><IMG alt=""
src="images/google-pokemon.png" width=128
height=128> <STRONG>Google Pokémon</STRONG> <SPAN>12875 KB</SPAN> </LI>
<LI class=app data-id="id-6"><IMG alt=""
src="images/ical.png" width=128 height=128>
<STRONG>iCal</STRONG> <SPAN>5273 KB</SPAN> </LI>
<LI class=app data-id="id-7"><IMG alt=""
src="images/ichat.png" width=128 height=128>
<STRONG>iChat</STRONG> <SPAN>5437 KB</SPAN> </LI>
<LI class=app data-id="id-8"><IMG alt=""
src="images/interface-builder.png" width=128
height=128> <STRONG>Interface Builder</STRONG> <SPAN>2764 KB</SPAN> </LI>
<LI class=app data-id="id-9"><IMG alt=""
src="images/ituna.png" width=128 height=128>
<STRONG>iTuna</STRONG> <SPAN>17612 KB</SPAN> </LI>
<LI class=util data-id="id-10"><IMG alt=""
src="images/keychain-access.png" width=128
height=128> <STRONG>Keychain Access</STRONG> <SPAN>972 KB</SPAN> </LI>
<LI class=util data-id="id-11"><IMG alt=""
src="images/network-utility.png" width=128
height=128> <STRONG>Network Utility</STRONG> <SPAN>245 KB</SPAN> </LI>
<LI class=util data-id="id-12"><IMG alt=""
src="images/sync.png" width=128 height=128>
<STRONG>Sync</STRONG> <SPAN>3788 KB</SPAN> </LI>
<LI class=app data-id="id-13"><IMG alt=""
src="images/textedit.png" width=128 height=128>
<STRONG>TextEdit</STRONG> <SPAN>1669 KB</SPAN> </LI></UL></DIV>
<P class=splitter><a href="http://www.moobnn.com/" target="_blank">网页模板</a></P>
</DIV>
</DIV>
<P class=footer><SPAN>Powered by <A href="http://jquery.com/">jQuery</A> – Made
by <A href="http://twitter.com/razorjack">@razorjack</A> from <A
href="http://agilope.com/">agilope</A>, <A href="http://www.artua.com/">icons
design</A> by Artua</SPAN> <SPAN>Design by <A
href="http://twitter.com/riddle">@riddle</A></SPAN> </P>
</body>
</html>
jQuery图片排列动画效果.zip
版权申诉
112 浏览量
2022-11-22
17:15:31
上传
评论
收藏 338KB ZIP 举报
芝麻粒儿
- 粉丝: 5w+
- 资源: 2万+
最新资源
- #P0015. 全排列 超级简单
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题(Three-Dimensional Bin Packing Problem,3D-BPP)是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈