案例分析：
當我們滾動到 今日推薦 模組，就讓電梯導航顯示出來實現**：點選電梯導航頁面可以滾動到相應內容區域
核心演算法：因為電梯導航模組和內容區模組一一對應的
當我們點選電梯導航某個小模組，就可以拿到當前小模組的索引號
就可以把animate要移動的距離求出來：當前索引號內容區模組它的offset().top
然後執行動畫即可
當我們點選電梯導航某個小li， 當前小li 新增current類，兄弟移除類名
當我們頁面滾動到內容區域某個模組， 左側電梯導航，相對應的小li模組，也會新增current類， 兄弟移除current類。
觸發的事件是頁面滾動，因此這個功能要寫到頁面滾動事件裡面。
需要用到each，遍歷內容區域大模組。 each裡面能拿到內容區域每乙個模組元素和索引號
判斷的條件： 被卷去的頭部 大於等於 內容區域裡面每個模組的offset().top
就利用這個索引號找到相應的電梯導航小li新增類。
// 電梯導航$(function () else
};$(window).scroll(function () })}
});// 2. 點選小li跳轉到對應位置
$(".aside li").on("click", function () , function () );
// 給當前點選的小li新增current類名
$(this).addclass("current").siblings("li").removeclass();
});})
品優購專案 登入頁面
效果圖 html部分 掃瞄登陸 賬戶登陸 公共場所不建議自動登入，以免賬號丟失 自動登入 忘記密碼?登入立即註冊 css部分 header logo login main login main w loginfrom a from from1 spa from2 anno loginfrom inp...
品優購專案學習總結（一）
這個圖示就是主頁面上面的小圖示，與頁面的title一起顯示的。圖示的引用 href 值為圖示的路徑 注意 圖示最好要放在專案的根目錄下，防止出錯 圖示的製作 這個鏈結可以把切的圖 png jpg等 轉化成圖示 ico 字型圖示應用非常廣泛，它比較便捷 輕巧。不像載入需要請求伺服器，字型圖示減輕了瀏覽...
品優購（1）頂部製作
詳細回顧 先建立專案所需的資料夾，如images,css,js等，以後方便檔案的管理 分析公共樣式，比如整個專案內容居中，那麼就可以專門寫乙個樣式 如 common 那麼只需要在需要該樣式的元素上新增類名 清除基礎樣式，如元素預設的padding，margin值，超連結的下劃線，無序列表的小圓點等等...