css3:
border-radius
opacity:
transform: 旋转 rotate 平移translate 缩放scale 扭曲skew
transition:转变 强调:开始和结束
transition-property: background-color,transform,left,top
transition-duration: 1s
transition-timing-function:ease-in ....
-webkit-transition: all 0.5s linear;
-moz
-ms
-o
animation:
animation-name:xintiao
animation-duration:
@webkit-keyframe xintiao{
定义每一帧动作
from{
}
...
to{
}
}
js:
脚本语言 通过浏览器翻译解释
语言:
声明变量: var 变量名=值
var a=10
a=20
数据类型: number string boolean object undefined null ...
typeof(变量名) ---》数据类型
运算符:
算术 ++ --
赋值 = += 。。。
关系 == != > < ... 结果boolean
逻辑 && || !
三目 条件?真:假
语句:
顺序语句
分支语句:
if(){}
if(){}else{}
if(){}else if(){}...else{}
switch(变量名){case 'A': ..break case 'B':...break}
循环:
for(变量;条件;自增/自减){
循环体
}
while(条件){
循环体
}
do{
循环体
}while(条件)
do..while:至少会执行一次 while条件不成立就不会执行
跳转:continue break
函数:
格式:
function 函数名(形参){
函数体
}
触发方式:
1. <script>
function a(num,num2){
...
return 10
}
var g=a(5,3) ----> 在script中直接调用
</script>
1. 依赖动作完成
<input type="button" value="。。" onclick="a()"/>