JavaScript0514笔记

 

   
   
   
   

获取外部信息
获取指定外部信息
获取外部信息有回调函数
发送HTTP get请求并获取返回结果

keyframes 创建动画，在@keyframes规定某个CSS样式，就是创建由当前样式逐渐变成样式的动画效果

浏览器支持internet explorer 10（ie10）、firefox、opera 支持animate属性以及@keyframes规则

eg：@keyframes 语法：@keyframes 函数名(自定义){
    内容
}
eg：
@keyframes firstAnimate{
    from{background：yellow}
    to{background：red}
}

// safari 和 chrome
@-wekit-@keyframes firstAnimate{
            from{background：yellow}
            to{background：red}
        }

css3 动画

用Animate规则创建动画时需要将其绑定某个选择器否则不会产生动画效果
(补充完整代码) /*
            @keyframes firstAnimate {
            0%{background：yellow；}
            50%{background：red；}
            100%{background; black;}
            }
            div{
            animation: firstAnimate 3s;
            height:100px;
            width:100;
            }

 */
 /*
 #screen{
    height:9999px;
    width:9999px;
    animation: myfirst 3s;

 }
  #screen img{
    float:left;

  }
  @keyframes myfirst{
  0%{}
  25%{transform:translateX(0px)}
  30%{transform:translateX(0px)}
  50%{transform:translateX(-300px)}
  55%{transform:translateX(-300px)}
  75%{transform:translateX(-600px)}
  80%{transform:translateX(-600px)}
  100%{transform:translateX(-900px)}

  }
  main{
   width:300px;
   height:300px;
   overflow:hidden;

  }

 */
 /*
 

 

 
 
 
 
 
 

 */
方法2：通过jquery的新形式实现。