簡(jiǎn)介:QQ空間時(shí)光軸特效信息展示簡(jiǎn)潔,交互性好。本課程首先分析特效的界面代碼結(jié)構(gòu):時(shí)序菜單和日志列表,還將引入一個(gè)重要的知識(shí)點(diǎn):前端模板,并從界面中抽出模板備用。特效部分將會(huì)重點(diǎn)分享跳轉(zhuǎn)特效、高亮特效以及滾動(dòng)頁(yè)面自動(dòng)展開(kāi)時(shí)序標(biāo)簽。
第1章 簡(jiǎn)介
對(duì)QQ空間時(shí)光軸特效的定義、優(yōu)勢(shì)及實(shí)現(xiàn)思路分析。
第2章 HTML+CSS實(shí)現(xiàn)特效界面代碼開(kāi)發(fā)
根據(jù)之前分析的html結(jié)構(gòu),編寫(xiě)基本界面結(jié)構(gòu)和樣式;同時(shí)介紹使用CSS制作圓角、三角形的技巧。
第3章 前端模板介紹及內(nèi)容生成
介紹前端模板的基本概念:模板、數(shù)據(jù)、輸出;并且實(shí)戰(zhàn)從界面中抽出模板備用。
第4章 JavaScript實(shí)現(xiàn)特效功能開(kāi)發(fā)
主要實(shí)現(xiàn)自動(dòng)固定(or 隱藏展現(xiàn))時(shí)序模塊、時(shí)序年月標(biāo)簽的點(diǎn)擊處理以及滾動(dòng)頁(yè)面自動(dòng)展開(kāi)時(shí)序標(biāo)簽。