part5 課程介紹 另一個定時器 第一個定時器的小案例 練習 封裝動畫函數 勻速的動畫函數,過渡到 >緩動的動畫函數 簡單的輪播圖 左右焦點的輪播圖 無縫連接的輪播圖 輪播圖 重點 三大系列中的第一個系列:offset系列 重點 封裝緩動動畫函數 筋斗雲,固定導航欄 升級4到5個版本 手風琴 旋轉 ...
part5 課程介紹
另一個定時器 第一個定時器的小案例----練習 封裝動畫函數----------勻速的動畫函數,過渡到=======>緩動的動畫函數 簡單的輪播圖 左右焦點的輪播圖 無縫連接的輪播圖 輪播圖======================================重點 三大系列中的第一個系列:offset系列================重點 封裝緩動動畫函數 筋斗雲,固定導航欄 升級4到5個版本 手風琴 旋轉木馬
part4 複習
為元素綁定事件的三種方式:
1.對象.on事件類型=事件處理函數; 2.IE8不支持 對象.addEventListener("沒有on的事件類型",事件處理函數,false); 3.谷歌和火狐不支持 對象.attachEvent("有on的事件類型",事件處理函數);為元素解綁事件的三種方式:
1.對象.on事件類型=null; 2.對象.removeEventListener("沒有on的事件類型",事件處理函數名字,false); 3.對象.detachEvent("有on的事件類型",事件處理函數);事件冒泡: 元素A中有元素B,都有相同的事件,裡面的元素的事件觸發了,外面元素的事件也會觸發.可以是多個元素嵌套
阻止事件冒泡:
兩種 1.e.stopPropagation(); e---事件參數對象,谷歌和火狐都支持,IE8不支持 2. IE8和谷歌支持 window.event.cancelBubble=true;window.event就是事件參數對象----e是一樣的
BOM: Browser Object Model 瀏覽器對象模型---操作瀏覽器 歷史記錄的後退和前進 history: back()後退 forward()前進 地址欄上的地址的操作 location href屬性跳轉頁面, assgin()跳轉頁面 reload()刷新 replace()方法替換地址欄上的地址的,沒有歷史記錄的 獲取系統和瀏覽器的信息的 navigator userAgent屬性---獲取系統,瀏覽器的信息的
地址欄上#及後面的內容 onsole.log(window.location.hash); 主機名及埠號 onsole.log(window.location.host); 主機名 onsole.log(window.location.hostname); 文件的路徑---相對路徑 onsole.log(window.location.pathname); 埠號 onsole.log(window.location.port); 協議 onsole.log(window.location.protocol); 搜索的內容 onsole.log(window.location.search);