Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
ppixel
bigdata-examples
提交
6beba4d9
B
bigdata-examples
项目概览
ppixel
/
bigdata-examples
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
B
bigdata-examples
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
6beba4d9
编写于
8月 19, 2020
作者:
Z
zhangt
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update
上级
c8dc1c75
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
0 addition
and
167 deletion
+0
-167
动画/animate.html
动画/animate.html
+0
-167
未找到文件。
动画/animate.html
已删除
100644 → 0
浏览文件 @
c8dc1c75
<!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>
动画
</title>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"css/reset.css"
/>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"css/animate.css"
/>
<style>
body
{
overflow
:
hidden
;}
*
{
font-size
:
14px
;}
input
{
font-size
:
12px
;
width
:
100%
;
border
:
1px
solid
#ccc
;
line-height
:
25px
;
color
:
#666
;}
p
{
line-height
:
25px
;
color
:
#333
;}
.tip
{
width
:
50px
;
height
:
50px
;
background
:
#6CF
;
margin
:
40px
auto
;}
.cell
{
float
:
left
;
text-align
:
center
;
margin
:
0
20px
;}
.ipt
{
width
:
90px
;
text-align
:
center
;}
</style>
</head>
<body>
<div
class=
"cf"
>
<div
class=
"cell"
>
<p>
从上往下渐显
</p>
<input
class=
"ipt"
type=
"text"
value=
"showInTop"
/>
<div
class=
"tip showInTop a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从下往上渐显
</p>
<input
class=
"ipt"
type=
"text"
value=
"showInBottom"
/>
<div
class=
"tip showInBottom a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从右往左渐显
</p>
<input
class=
"ipt"
type=
"text"
value=
"showInRight"
/>
<div
class=
"tip showInRight a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从右往左移动
</p>
<input
class=
"ipt"
type=
"text"
value=
"showRight"
/>
<div
class=
"tip showRight a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从上往下移动
</p>
<input
class=
"ipt"
type=
"text"
value=
"showTop"
/>
<div
class=
"tip showTop a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从左往右渐显
</p>
<input
class=
"ipt"
type=
"text"
value=
"showInLeft"
/>
<div
class=
"tip showInLeft a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从左往右移动
</p>
<input
class=
"ipt"
type=
"text"
value=
"showLeft"
/>
<div
class=
"tip showLeft a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
渐显,反向:a-yjfx
</p>
<input
class=
"ipt"
type=
"text"
value=
"fadeIn"
/>
<div
class=
"tip fadeIn a-time1 a-yjfx"
></div>
</div>
<div
class=
"cell"
>
<p>
渐显,无反向
</p>
<input
class=
"ipt"
type=
"text"
value=
"fadeIn"
/>
<div
class=
"tip fadeIn a-time1"
></div>
</div>
<div
class=
"cell"
>
<p>
从小变大
</p>
<input
class=
"ipt"
type=
"text"
value=
"zoomIn"
/>
<div
class=
"tip zoomIn a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从大变小
</p>
<input
class=
"ipt"
type=
"text"
value=
"inZoom"
/>
<div
class=
"tip inZoom a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
上下跳动
</p>
<input
class=
"ipt"
type=
"text"
value=
"shangxia"
/>
<div
class=
"tip shangxia a-time1 a-yj a-yjfx"
></div>
</div>
<div
class=
"cell"
>
<p>
上下跳动-缓冲
</p>
<input
class=
"ipt"
type=
"text"
value=
"bounce"
/>
<div
class=
"tip bounce a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
顺时针转圈
</p>
<input
class=
"ipt"
type=
"text"
value=
"zhuanquan"
/>
<div
class=
"tip zhuanquan a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
逆时针转圈
</p>
<input
class=
"ipt"
type=
"text"
value=
"zhuanquan-ni"
/>
<div
class=
"tip zhuanquan-ni a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
橡皮筋
</p>
<input
class=
"ipt"
type=
"text"
value=
"rubberBand"
/>
<div
class=
"tip rubberBand a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
shake
</p>
<input
class=
"ipt"
type=
"text"
value=
"shake"
/>
<div
class=
"tip shake a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
meteor
</p>
<input
class=
"ipt"
type=
"text"
value=
"meteor"
/>
<div
class=
"tip meteor a-time1 a-yj"
></div>
</div>
</div>
<!--退场动画-->
<p
class=
"mb10"
>
退场动画
</p>
<div
class=
"cf"
>
<div
class=
"cell of"
>
<p>
从左往右退出
</p>
<input
class=
"ipt"
type=
"text"
value=
"outRight"
/>
<div
class=
"tip outRight a-time1 a-yj"
></div>
</div>
<div
class=
"cell of"
>
<p>
从右往左退出
</p>
<input
class=
"ipt"
type=
"text"
value=
"outLeft"
/>
<div
class=
"tip outLeft a-time1 a-yj"
></div>
</div>
<div
class=
"cell of"
>
<p>
从下往上退出
</p>
<input
class=
"ipt"
type=
"text"
value=
"outTop"
/>
<div
class=
"tip outTop a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从上往下退出
</p>
<input
class=
"ipt"
type=
"text"
value=
"outBottom"
/>
<div
class=
"tip outBottom a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
从上往下渐隐
</p>
<input
class=
"ipt"
type=
"text"
value=
"hideToBottom"
/>
<div
class=
"tip hideToBottom a-time1 a-yj"
></div>
</div>
<div
class=
"cell"
>
<p>
渐隐
</p>
<input
class=
"ipt"
type=
"text"
value=
"fadeOut"
/>
<div
class=
"tip fadeOut a-time1 a-yj"
></div>
</div>
</div>
</body>
</html>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录