web实训知识

图片轮播：
方法一:
通过CSS3的animation属性以及 @keyframes规则实现。
首先学习 CSS3当中的@keyframes和animation。
@keyframes规则—用于创建动画，在@keyframes中规定某个CSS样式，就能创建
由当前样式逐渐变成新样式的动画效果。
浏览器支持：
Internet Explorer 10 （IE10）、Firefox 、Opera 支持 animation属性以及 @keyframes规则，chrome、Safari 需要加前缀 “-webkit-”（注意： IE9 以及更早的版本，不支持 animation属性以及 @keyframes规则）
@keyframes 语法： @keyframes 函数名(自定义){
内容：eg：
@keyframes firstAnimation{
from {background: yellow;}
to{ background: red;}
}
// safari和chrome
@-webkit-keyframes firstAnimation{
from {background: yellow;}
to{ background: red;}
} CSS3 动画
用@keyframes规则传创建动画时，需要将其(函数名)绑定到某个选择器，否则不会产生动画效果。
方法二： 通过Jquery的新形式实现。

//在load()方法中callback是可选的参数，callback(回调函数)规定当load方法完成后所需要执行的
//回调函数。callback回调函数的参数设置:
// responseTxt：包含回调成功后的返回结果内容(响应类容)
//statusTxt：回调状态
//eg: 首先load()方法完成后显示一个提示框，如果load方法执行成功，则显示"外部内容加载成功"
//如果失败，显示’错误信息’
//node ： 成功 ----“success” 失败-----‘error’
JQuery—AJAX 的get()和post()方法: 主要用于通过HTTP GET 或 POST请求

• 从服务器里面请求数据。
• GET: 从指定的资源请求数据，GET基本上用于从服务器获取数据
• POST: 向指定的资源提交要处理的数据，POST也可以从服务器获取数据，并且
• 常用于连同请求一起发送数据。不会缓存(cookie)数据。
• */
  //ajax—> get()方法， 语法： $(“selector”).get(url,callback)
  // url —必须参数， callback----可选参数
  //eg: 使用get()方法从服务器上的一个文件中获取数据