<!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=utf-8" />
<title>jQuery翻盖动画数字时钟</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<div id="wrapper">
<div id="back">
<div id="upperHalfBack">
<img src="spacer.png" /><img id="hoursUpBack" src="Single/Up/AM/0.png"/>
<img id="minutesUpLeftBack" src="Double/Up/Left/0.png" class="asd" /><img id="minutesUpRightBack" src="Double/Up/Right/0.png"/>
<img id="secondsUpLeftBack" src="Double/Up/Left/0.png" /><img id="secondsUpRightBack" src="Double/Up/Right/0.png"/>
</div>
<div id="lowerHalfBack">
<img src="spacer.png" /><img id="hoursDownBack" src="Single/Down/AM/0.png" />
<img id="minutesDownLeftBack" src="Double/Down/Left/0.png" /><img id="minutesDownRightBack" src="Double/Down/Right/0.png" />
<img id="secondsDownLeftBack" src="Double/Down/Left/0.png" /><img id="secondsDownRightBack" src="Double/Down/Right/0.png" />
</div>
</div>
<div id="front">
<div id="upperHalf">
<img src="spacer.png" /><img id="hoursUp" src="Single/Up/AM/0.png"/>
<img id="minutesUpLeft" src="Double/Up/Left/0.png" /><img id="minutesUpRight" src="Double/Up/Right/0.png"/>
<img id="secondsUpLeft" src="Double/Up/Left/0.png" /><img id="secondsUpRight" src="Double/Up/Right/0.png"/>
</div>
<div id="lowerHalf">
<img src="spacer.png" /><img id="hoursDown" src="Single/Down/AM/0.png"/>
<img id="minutesDownLeft" src="Double/Down/Left/0.png" /><img id="minutesDownRight" src="Double/Down/Right/0.png" />
<img id="secondsDownLeft" src="Double/Down/Left/0.png" /><img id="secondsDownRight" src="Double/Down/Right/0.png" />
</div>
</div>
</div>
</body>
<script src="jquery.js" type="text/javascript"></script>
<script src="animate.js" type="text/javascript"></script>
</div>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
翻页动画时钟含css、JS,绝对可用
共88个文件
png:81个
db:3个
js:2个
4星 · 超过85%的资源 需积分: 32 35 下载量 199 浏览量
2012-07-18
18:31:28
上传
评论
收藏 167KB ZIP 举报
温馨提示
很多朋友想在网页里加入一个显示时间的效果,此压缩包内容是翻页动画时钟含css、JS,,双击index.html效果就出来了。绝对可用。
资源推荐
资源详情
资源评论
收起资源包目录
翻盖动画时钟含css、JS,绝对可用.zip (88个子文件)
css.css 1KB
Double
Down
Left
4.png 699B
3.png 1KB
5.png 1KB
1.png 416B
2.png 1KB
Thumbs.db 12KB
0.png 1KB
Right
4.png 701B
3.png 1KB
7.png 937B
5.png 1KB
1.png 411B
2.png 1KB
6.png 1KB
8.png 2KB
0.png 1KB
9.png 1KB
Up
Left
4.png 1KB
3.png 1KB
5.png 1KB
1.png 648B
2.png 1KB
0.png 1KB
Right
4.png 1KB
3.png 1KB
7.png 1KB
5.png 1KB
1.png 679B
2.png 1KB
Thumbs.db 13KB
6.png 2KB
8.png 2KB
0.png 1KB
9.png 2KB
index.html 2KB
spacer.png 117B
jQuery.js 65KB
animate.js 2KB
Single
Down
PM
4.png 1KB
12.png 1KB
3.png 2KB
7.png 1KB
5.png 2KB
1.png 758B
2.png 1KB
11.png 763B
6.png 2KB
8.png 2KB
9.png 2KB
10.png 2KB
AM
4.png 860B
3.png 2KB
7.png 1KB
5.png 2KB
1.png 594B
2.png 1KB
11.png 584B
Thumbs.db 23KB
6.png 2KB
8.png 2KB
0.png 2KB
9.png 2KB
10.png 2KB
Up
PM
4.png 1KB
12.png 2KB
3.png 2KB
7.png 1KB
5.png 1KB
1.png 847B
2.png 2KB
11.png 924B
6.png 2KB
8.png 2KB
9.png 2KB
10.png 2KB
AM
4.png 1KB
3.png 2KB
7.png 1KB
5.png 1KB
1.png 1KB
2.png 2KB
11.png 1KB
6.png 2KB
8.png 2KB
0.png 2KB
9.png 2KB
10.png 2KB
共 88 条
- 1
资源评论
- TCXHL2012-09-05效果还行,不过和android系统上的界面不太一样。
- qnnsxt2013-12-14不错很好的资源,谢谢啊。
hackervxiao
- 粉丝: 2
- 资源: 7
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功