Javascript特效学习笔记.docx

上传人:b****6 文档编号:3480394 上传时间:2022-11-23 格式:DOCX 页数:18 大小:18.22KB
下载 相关 举报
Javascript特效学习笔记.docx_第1页
第1页 / 共18页
Javascript特效学习笔记.docx_第2页
第2页 / 共18页
Javascript特效学习笔记.docx_第3页
第3页 / 共18页
Javascript特效学习笔记.docx_第4页
第4页 / 共18页
Javascript特效学习笔记.docx_第5页
第5页 / 共18页
点击查看更多>>
下载资源
资源描述

Javascript特效学习笔记.docx

《Javascript特效学习笔记.docx》由会员分享,可在线阅读,更多相关《Javascript特效学习笔记.docx(18页珍藏版)》请在冰豆网上搜索。

Javascript特效学习笔记.docx

Javascript特效学习笔记

Javascript特效

图片跟着鼠标移动:

DOCTYPEhtml>

index

 

2.进度条:

DOCTYPEhtml>

index

已下载:

0%

 

 

3新消息提醒:

DOCTYPEhtml>

index

 

4全选反选全不选

DOCTYPEhtml>

index

###############

###############

###############

###############

###############

###############

###############

###############

###############

###############

全选  全不选  反选

 

5.自由落体1:

DOCTYPEhtml>

index

#box{

width:

100px;

height:

100px;

left:

100px;

border-radius:

50px;

background:

green;

position:

absolute;

margin:

0auto;

}

#line{

width:

100%;

height:

2px;

top:

500px;

background:

black;

position:

absolute;

margin:

0auto;

}

开始

10px">

 

6.自由落体2:

DOCTYPEhtml>

index

#box{

width:

50px;

height:

50px;

left:

100px;

border-radius:

25px;

background:

orange;

position:

absolute;

margin:

0auto;

}

#line{

width:

100%;

height:

2px;

top:

500px;

background:

black;

position:

absolute;

margin:

0auto;

}

开始

10px">

7.变色表格

9等待按钮

DOCTYPEhtml>

Index

#box{

width:

400px;

border:

1pxsolidgreen;

}

使用协议

一.您保证:

1.不在本《协议》规定的条款之外,使用、复制、修改或转让本“软件”或其中的任一部分。

2.只在一台个人所有计算机上使用本“软件”;一份软件许可不得在不同的计算机上共同或同时使用。

3.只在以下前提完全满足的情况下,将本“软件”用于多用户环境或网络系统上:

本“软件”明文许可用于多用户环境或网络系统上;

使用本“软件”的每一节点及终端都已购买使用许可。

4.不得对本“软件”进行反向工程、反向编译或反汇编;不得试图进行任何获得本“软件”原代码的访问或行为。

5.不得发行、出租、信息网络传播、翻译本“软件”。

6.在本“软件”的所有副本上包含所有的版权标识。

二.软件转让

您可将您在本《协议》项下的所有权利作永久性一次转让,转让的条件是:

1.转让本“软件”(包括计算机软件,及可能附随的相关文档印刷材料)的所有部分;

2.如果本“软件”为升级版本,任何转让必须包括本“软件”的所有前版本;

3.您不得保留任何副本;

4.转让后您的许可权即自行终止;

5.受让人接受本《协议》的各项条款。


120px;">(10秒后继续)下一步

10滚动标题

DOCTYPEhtml>

index

12跑马灯文字

DOCTYPEhtml>

index

 

蛇形文字

DOCTYPEhtml>

index

body{margin:

0px;padding:

0px;text-align:

center;}

.snake{position:

absolute;top:

-100px}

 

14定时器暂停继续

DOCTYPEhtml>

Index

#box{width:

100px;height:

100px;background:

orange;position:

absolute;border-radius:

50px;}

开始

结束

0px">

 

15弹性+摩擦

DOCTYPEhtml>

Index

#box{width:

100px;height:

100px;background:

pink;position:

absolute;}

#line{width:

1px;height:

300px;background:

red;position:

absolute;left:

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 解决方案 > 其它

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1