第七講層與行為_第1頁
第七講層與行為_第2頁
第七講層與行為_第3頁
第七講層與行為_第4頁
第七講層與行為_第5頁
已閱讀5頁，還剩14頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

第七講層與行為第一頁，共十九頁，編輯于2023年，星期四層的基本概念層的創(chuàng)建與管理層的操作嵌套層第二頁，共十九頁，編輯于2023年，星期四層的基本概念<div>標(biāo)簽與層的定義該標(biāo)簽用來定義網(wǎng)頁上一個(gè)特定區(qū)域區(qū)域里可以包含文字、圖片和表格等網(wǎng)頁元素區(qū)域可以重疊常被用于網(wǎng)頁布局<div>標(biāo)簽所定義的對(duì)象稱為一個(gè)“層”；例7-1第三頁，共十九頁，編輯于2023年，星期四層的定位“position”屬性：指采用什么方式設(shè)定層的位置“l(fā)eft”屬性：設(shè)置層的左邊緣到網(wǎng)頁的左端的距離“top”屬性：設(shè)置層的上連緣到網(wǎng)頁最頂端的距離設(shè)置值說明absolute層的位置以網(wǎng)頁的左上角為基準(zhǔn)來設(shè)置relative層的位置以其原始值的位置來設(shè)置static層的位置以HTML默認(rèn)的位置來設(shè)置例7-2第四頁，共十九頁，編輯于2023年，星期四圖層的“Z軸”圖層可以重疊為表示各圖層的上下位置，故給每個(gè)圖層一個(gè)序號(hào)，該序號(hào)稱為“Z軸”序號(hào)值可取正、負(fù)和零。數(shù)值大的層在上面“z-index”屬性：改變層的重疊順序。例7-4第五頁，共十九頁，編輯于2023年，星期四層的特點(diǎn)：層是可移動(dòng)的，表格是不可移動(dòng)的。層是三維的（x，y，z三軸），表格是二維的。層具有可見性，可以隱藏。層的標(biāo)簽是<divid=“層id”></div>，也可以使用<span></span>標(biāo)簽。其屬性不寫在標(biāo)簽中，而是以CSS樣式的id選擇符寫在<head>部分，故在<body>部分的代碼十分簡潔。第六頁，共十九頁，編輯于2023年，星期四層的創(chuàng)建與管理創(chuàng)建層的方法（3種）：“插入”->“布局對(duì)象”->“層”命令把“繪制層”按鈕從“插入”面板中拖到“文檔”窗口在“插入”面板的“布局”欄中單擊“繪制層”按鈕，在“文檔”窗口中拖動(dòng)鼠標(biāo)即可第七頁，共十九頁，編輯于2023年，星期四“層”面板改變層的可見性改變層的堆疊順序在“Z”列中，單擊要改變的層的數(shù)字選擇層并上下拖動(dòng)禁止層重疊選定一個(gè)或多個(gè)層：按住shift鍵拖動(dòng)鼠標(biāo)建立嵌套層：按住ctrl鍵將其拖動(dòng)到目標(biāo)層取消嵌套關(guān)系：將子層拖離父層第八頁，共十九頁，編輯于2023年，星期四層的操作選擇層在“層”面板中選擇層在“文檔”窗口中選擇層單擊層左上角的選擇柄單擊一個(gè)層的邊框在一個(gè)層中按住“Ctrl+Shift”組合鍵并單擊在“設(shè)計(jì)”視圖中，單擊層錨記兩者都可借助shift鍵選擇多個(gè)層第九頁，共十九頁，編輯于2023年，星期四調(diào)整層的大小調(diào)整一個(gè)層的大小：拖拽層四周的控制柄同時(shí)調(diào)整多個(gè)層的大小在“設(shè)計(jì)”視圖中選擇兩個(gè)或更多個(gè)層“修改->排列順序->設(shè)成高度相同”或?qū)挾认嗤钤凇皩傩浴泵姘逯休斎搿皩挕焙汀案摺钡闹档谑?，共十九頁，編輯?023年，星期四移動(dòng)層拖拽層左上角的方形標(biāo)簽對(duì)齊層選中欲對(duì)齊的多個(gè)層執(zhí)行菜單命令“修改”|“排列順序”下左對(duì)齊、右對(duì)齊、對(duì)齊上緣和對(duì)齊下緣等子命令，以黑色控制柄的層作為對(duì)齊的標(biāo)準(zhǔn)。第十一頁，共十九頁，編輯于2023年，星期四設(shè)置層的屬性圖4-14單個(gè)層的屬性面板圖4-15多個(gè)層的屬性面板第十二頁，共十九頁，編輯于2023年，星期四將層靠齊到網(wǎng)格首先顯示網(wǎng)格選中“靠齊到網(wǎng)格”復(fù)選框選擇層并拖拽，當(dāng)其靠近網(wǎng)格線一定距離時(shí)，會(huì)自動(dòng)跳到最近的靠齊位置第十三頁，共十九頁，編輯于2023年，星期四層的簡單應(yīng)用圖片和文字的層次建立(16.5)使用層實(shí)現(xiàn)文字特效(16.6)把層轉(zhuǎn)換為表格（17.1）顯示或隱藏圖層（17.2）浮動(dòng)廣告條（index.html)第十四頁，共十九頁，編輯于2023年，星期四時(shí)間軸時(shí)間軸只能移動(dòng)層：創(chuàng)建一個(gè)層，在其內(nèi)插入圖片。選擇層，拖入時(shí)間線面板中。選中動(dòng)畫對(duì)象條末尾的關(guān)鍵幀，把層移動(dòng)到動(dòng)畫結(jié)束位置。第十五頁，共十九頁，編輯于2023年，星期四時(shí)間軸面板時(shí)間軸面板第十六頁，共十九頁，編輯于2023年，星期四使用行為關(guān)于行為(Behavior)：行為是事件(Event)和動(dòng)作(JavaScriptAction)的組合它會(huì)在網(wǎng)頁中設(shè)置一系列動(dòng)作事件：觸發(fā)動(dòng)態(tài)效果的條件。如：單擊鼠標(biāo)，加載頁面等動(dòng)作：通常是一段JavaScript腳本程序，利用這段程序可完成相應(yīng)的任務(wù)，如彈出信息、播放聲音等。第十七頁，共十九頁，編輯于2023年，星期四添加和編輯行為添加行為為對(duì)象附加行為：選中對(duì)象－>打開行為面板

－>選動(dòng)作，改參數(shù)－>默認(rèn)事件出現(xiàn)，可修改事件及瀏覽器版本為時(shí)間線附加行為編輯行為修改參數(shù)：雙擊行為面板上的一個(gè)行為。刪除行為：選中行為，點(diǎn)擊減號(hào)框。修改行為順序：選中行為，點(diǎn)擊▼▲按鈕。修改事件：點(diǎn)事件選擇鈕ShowEventFor改瀏覽器版本系統(tǒng)自帶行為第十八頁，共十九頁，編輯于2023年，星期四實(shí)踐與練習(xí)：交換圖

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(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ì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論