




版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
初探JavaScript魅力-1初探j(luò)avascript魅力主題知識(shí)講座第1頁(yè)JavaScript是什么網(wǎng)頁(yè)特效原理淘寶、新浪、baiduJavaScript就是修改樣式編寫(xiě)JS流程布局:HTML+CSS屬性:確定要修改哪些屬性事件:確定用戶做哪些操作(產(chǎn)品設(shè)計(jì))編寫(xiě)JS:在事件中,用JS來(lái)修改頁(yè)面元素樣式初探j(luò)avascript魅力主題知識(shí)講座第2頁(yè)第一個(gè)JS特效——鼠標(biāo)提醒框分析效果實(shí)現(xiàn)原理樣式:Divdisplay事件:onmouseover、onmouseout動(dòng)手編寫(xiě)此效果特效基礎(chǔ)事件驅(qū)動(dòng):onmouseover元素屬性操作:obj.style.[……]特效實(shí)現(xiàn)原理概括:響應(yīng)用戶操作,對(duì)頁(yè)面元素(標(biāo)簽)進(jìn)行某種修改初探j(luò)avascript魅力主題知識(shí)講座第3頁(yè)初識(shí)函數(shù)制作更復(fù)雜效果(DIV顏色、大小都改變)直接在事件內(nèi)寫(xiě)代碼會(huì)很亂引入fucntion()、函數(shù)基本形式把JS從標(biāo)簽里放入到函數(shù)里,類(lèi)似css里class變量使用——?jiǎng)e名定義和調(diào)用函數(shù)定義:只是告訴系統(tǒng)有這個(gè)函數(shù),不會(huì)實(shí)際執(zhí)行函數(shù)調(diào)用:真正執(zhí)行函數(shù)里代碼關(guān)系和區(qū)分初探j(luò)avascript魅力主題知識(shí)講座第4頁(yè)getElementById第一個(gè)JS兼容性問(wèn)題在FF下直接使用ID存在問(wèn)題引入document.getElementById()document.getElementById在任何瀏覽器下均可使用網(wǎng)頁(yè)換膚土豆網(wǎng)“開(kāi)燈、關(guān)燈”效果任何標(biāo)簽都能夠加ID,包含link任何標(biāo)簽任何屬性,也都能夠修改HTML里怎么寫(xiě),JS里就怎么寫(xiě)初探j(luò)avascript魅力主題知識(shí)講座第5頁(yè)if判斷點(diǎn)擊按鈕顯示/隱藏Div(彈出菜單)特效實(shí)現(xiàn)過(guò)程及原理分析if基本形式擴(kuò)展為a鏈接添加JS<ahref=“javascript:;
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 專(zhuān)項(xiàng)購(gòu)買(mǎi)服務(wù)合同范本
- 公司聘請(qǐng)物業(yè)合同范本
- 2025年安徽道路貨運(yùn)駕駛員從業(yè)資格證考試題庫(kù)
- 前臺(tái)用工合同范本
- 辦公桌椅合同范本
- 中標(biāo)平臺(tái)合同范本
- 中鐵高速公路合同范本
- 加氣砌塊合同范本
- 勞務(wù)醫(yī)院合同范本
- 公司車(chē)輛供貨合同范例
- 液壓滑動(dòng)模板施工方案
- 農(nóng)產(chǎn)品電商運(yùn)營(yíng)-完整全套課件
- 唐河縣泌陽(yáng)凹陷郭橋天然堿礦產(chǎn)資源開(kāi)采與生態(tài)修復(fù)方案
- 科研項(xiàng)目匯報(bào)ppt
- 建設(shè)工程項(xiàng)目法律風(fēng)險(xiǎn)防控培訓(xùn)稿PPT講座
- “不作為、慢作為、亂作為”自查自糾報(bào)告范文(三篇)
- 上海市楊浦區(qū)2022屆初三中考二模英語(yǔ)試卷+答案
- 課件《中國(guó)式現(xiàn)代化》
- 公共事業(yè)管理案例
- 建筑電工考試題庫(kù)與答案
- TCSES 71-2022 二氧化碳地質(zhì)利用與封存項(xiàng)目泄漏風(fēng)險(xiǎn)評(píng)價(jià)規(guī)范
評(píng)論
0/150
提交評(píng)論