基于JavaScript的網(wǎng)頁特效設(shè)計(jì)與實(shí)現(xiàn).ppt

1、基于JavaScript的網(wǎng)頁特效設(shè)計(jì)與實(shí)現(xiàn),指導(dǎo)教員：侯 著 榮 答 辯 人：巴桑次仁,基于JavaScript的網(wǎng)頁特效設(shè)計(jì)與實(shí)現(xiàn),網(wǎng)頁特效的概念及特點(diǎn) 網(wǎng)頁特效設(shè)計(jì)方法及工具 基于JavaScript的網(wǎng)頁特效設(shè)計(jì) 實(shí)現(xiàn)的特效 ,網(wǎng)頁特效的概念及特點(diǎn),什么是網(wǎng)頁特效？ 所謂網(wǎng)頁特效就是網(wǎng)頁的各個(gè)元素(如文字、圖片、動(dòng)畫、聲音、視頻等)的特殊效果。它是通過控制不同的網(wǎng)頁元素，并賦予其韻律和藝術(shù)性的特效。如：網(wǎng)頁中閃爍顯示的文字、鏈接條、圖片、漂浮在頁面上的廣告等。,網(wǎng)頁特效的概念及特點(diǎn),網(wǎng)頁特效的特點(diǎn): (1) 動(dòng)態(tài)性 (2) 創(chuàng)意性 (3) 獨(dú)立性,網(wǎng)頁特效設(shè)計(jì)方法,通過JavaScri

2、pt設(shè)計(jì),什么JavaScript？ JavaScript就是一種基于對象和事件驅(qū)動(dòng)的安全腳本語言。,實(shí)現(xiàn)原理： JavaScript語言是嵌入在HTML文件中加載，并由瀏覽器執(zhí)行，實(shí)現(xiàn)網(wǎng)頁的特效。,基于JavaScript的網(wǎng)頁特效設(shè)計(jì),事件以及事件處理的基本概念 在JavaScript中，事件就是由鼠標(biāo)或者熱鍵引發(fā)的動(dòng)作；而由事件引發(fā)的程序動(dòng)作稱為事件處理。,實(shí)現(xiàn)的特效,鼠標(biāo)類特效 跟隨鼠標(biāo)旋轉(zhuǎn)的文字 點(diǎn)擊鼠標(biāo)文字散開 帶煙花特效的鼠標(biāo) 帶時(shí)鐘的鼠標(biāo) 跟隨鼠標(biāo)移動(dòng)的圖片 圍繞鼠標(biāo)的立體星環(huán) 圖片類特效 探照燈效果 變長寬的圖片 不間斷的動(dòng)態(tài)相冊 開花的效果 奇妙的放大鏡,文字類特效 文字的旋轉(zhuǎn) 文字抖動(dòng) 文字伸縮 動(dòng)蕩的文字 3D文字 窗頁類特效 下雨的頁面 轉(zhuǎn)動(dòng)的窗口 拉幕的效果 通過按鈕變換網(wǎng)頁的背景 閃爍的星星,實(shí)現(xiàn)的特效,廣告類特效 隨滾動(dòng)條移動(dòng)的廣告 漂浮的廣告 腳邊翻頁的動(dòng)畫廣告 綜合類特效 帶農(nóng)歷的日歷實(shí)現(xiàn) 實(shí)現(xiàn)計(jì)算器