《網(wǎng)頁制作高級特效》課件-模塊二 JavaScript 高級特效_第1頁
《網(wǎng)頁制作高級特效》課件-模塊二 JavaScript 高級特效_第2頁
《網(wǎng)頁制作高級特效》課件-模塊二 JavaScript 高級特效_第3頁
《網(wǎng)頁制作高級特效》課件-模塊二 JavaScript 高級特效_第4頁
《網(wǎng)頁制作高級特效》課件-模塊二 JavaScript 高級特效_第5頁
已閱讀5頁,還剩71頁未讀, 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

模塊二?JavaScript

高級特效1課題

JavaScript

語言基礎(chǔ)課題

JavaScript

對象化編程課題

3?制作表單驗證類特效2345678目錄課題

4?制作層切換和層提示特效課題

5?制作菜單類特效課題

6?制作廣告類特效課題

7?制作滾動類和日期類特效課題

8?制作網(wǎng)頁輔助類特效課題

1?JavaScript

語言基礎(chǔ)v

學習目標1.

了解

JavaScript

的概念,能編寫簡單的

JavaScript

程序。2.

了解常量、變量、函數(shù)、運算符和優(yōu)先級等概念,能正確運用常量、變量、函數(shù)和運算符,能按照優(yōu)先級正確書寫表達式。3.

了解常用內(nèi)部函數(shù)的用法,能根據(jù)需要自定義函數(shù)。4.

了解數(shù)組的概念,能正確定義和引用數(shù)組。5.

掌握分支語句和循環(huán)語句的使用方法,能進行順序結(jié)構(gòu)、分支結(jié)構(gòu)和循環(huán)結(jié)構(gòu)程序的設(shè)計。課題

1?JavaScript

語言基礎(chǔ)一、JavaScript

簡介JavaScript

是一種基于對象和事件驅(qū)動的客戶端腳本語言,是目前

Web應用程序開發(fā)者使用最為廣泛的客戶端腳本編程語言。JavaScript

能通過

DOM(DocumentObjectModel,文檔結(jié)構(gòu)模型)及自身提供的對象、操作方法實現(xiàn)所需的功能。JavaScript

采用事件驅(qū)動方式,能響應鍵盤事件、鼠標事件及瀏覽器窗口事件等,并執(zhí)行指定的操作。課題

1?JavaScript

語言基礎(chǔ)二、第一個JavaScript

程序計算機程序是指一組指示計算機執(zhí)行動作或做出判斷的指令,通常用某種程序設(shè)計語言編寫。一般情況下,計算機程序要編譯成機器語言程序后再運行。還有一種未經(jīng)編譯就可運行的程序,通常稱為

腳本程序”。JavaScript屬于客戶端腳本語言,VBScript(主要用于ASP)屬于服務(wù)器端腳本語言。客戶端腳本和服務(wù)器端腳本比較課題

1?JavaScript

語言基礎(chǔ)編寫

JavaScript程序可選擇普通的文本編輯器或集成開發(fā)環(huán)境。Dreamweaver集成了JavaScript開發(fā)環(huán)境,提供了強大的

JavaScript支持。JavaScript需要嵌入

HTML中,即

JavaScript的存在依賴于

HTML文檔。在

HTML中,使用

<script>標記引入

JavaScript,使用

</script>結(jié)束JavaScript,<script>和

</script>之間是

JavaScript腳本。<script></script>可以放在

<head>和

</head>之間,也可以放在<body>和

</body>之間。二者的區(qū)別是:1)head部分的腳本:需調(diào)用才執(zhí)行的腳本或事件觸發(fā)執(zhí)行的腳本放在HTML的

head部分。當把腳本放在

head部分時,可以保證腳本在任何調(diào)用之前被加載。課題

1?JavaScript

語言基礎(chǔ)2)body部分的腳本:當頁面被加載時立即執(zhí)行的腳本放在

HTML的

body部分。放在

body部分的腳本通常用來生成頁面的內(nèi)容。<script>標記有一個

language屬性,用于指明使用的語言,其值可以為“JavaScript”“VBScript”

或者

“JScript”。<script>標記還有一個

type屬性,用于指明文本類型,其值為

“text/javascript”。課題

1?JavaScript

語言基礎(chǔ)和

VBScript不區(qū)分大小寫不同,JavaScript嚴格區(qū)分大小寫。在編寫

JavaScript腳本語句時,用

“;”

作為當前語句的結(jié)束符。語句分行后,作為語句結(jié)束符的

“;”

可省略。也可將多個語句寫在同一行中,若將多個語句寫在同一行中,則語句之間的

“;”

不能省略。JavaScript中的注釋采用和

Java中類似的方式,單行注釋前加

//”,多行注釋放在

/?

”和

“?

/”之間。課題

1?JavaScript

語言基礎(chǔ)三、常量和變量1.

常量常量是程序執(zhí)行過程中其值保持不變的量,有數(shù)值常量和字符串常量兩種。在

VBScript中,字符串常量只能使用雙引號作為定界符。與

VBScript不同,在JavaScript

中不僅允許使用雙引號和單引號作為定界符,而且允許雙引號和單引號相互嵌套。課題

1?JavaScript

語言基礎(chǔ)2.

變量變量是程序執(zhí)行過程中可能發(fā)生變化的量。使用

var

關(guān)鍵字對變量進行顯式聲明,不能使用

Var

VAR,JavaScript

對關(guān)鍵字的大小寫敏感

(v

V

是不同的字符)。聲明變量的語法格式如下:var

變量[=

值];變量可以在聲明的同時賦值,也可以在聲明后使用過程中再賦值。賦值語句的語法格式如下:變量

表達式;課題

1?JavaScript

語言基礎(chǔ)變量的有效范圍稱為變量的作用域。JavaScript

有局部變量和全局變量兩種變量。局部變量是指只能在本變量聲明的函數(shù)內(nèi)部調(diào)用的變量。全局變量是指在整個代碼中都可以調(diào)用的變量。JavaScript

中也可以隱式地使用變量,即不用聲明,直接使用。注意,JavaScript

總是把隱式聲明的變量當成全局變量來使用。課題

1?JavaScript

語言基礎(chǔ)四、函數(shù)函數(shù)是指實現(xiàn)某一特定功能的小程序段,JavaScript

除了提供大量實用的內(nèi)部函數(shù)外,還允許用戶自定義函數(shù)。1.內(nèi)部函數(shù)2.自定義函數(shù)使用自定義函數(shù)分為兩個步驟:函數(shù)定義和函數(shù)調(diào)用。一般情況下在

<head>和</head>之間定義函數(shù),在

<body>和

<body>之間調(diào)用函數(shù)。課題

1?JavaScript

語言基礎(chǔ)五、運算符和優(yōu)先級表達式是用運算符把常量、變量和函數(shù)連接起來的式子。一個表達式可以只包含一個常量或一個變量。運算符可以是四則運算符、關(guān)系運算符、邏輯運算符、復合運算符等。在計算表達式的值時,按照運算符的優(yōu)先級從高到低依次進行計算。優(yōu)先級相同時,按照從左到右的順序進行計算。使用()可以改變計算的順序。課題

1?JavaScript

語言基礎(chǔ)六、數(shù)組數(shù)組是相同類型的變量按順序組成的一種復合數(shù)據(jù)類型,這些相同類型的變量稱為數(shù)組元素。數(shù)組通過數(shù)組名加索引來使用數(shù)組的元素。1.

定義數(shù)組var變量

=newArray(元素1,元素2,???,元素

n

);2.引用數(shù)組數(shù)組名[索引]3.遍歷數(shù)組在使用數(shù)組時,經(jīng)常需要依次訪問數(shù)組中的每個元素,這種操作稱為數(shù)組的遍歷。JavaScript中數(shù)組遍歷最簡單的辦法是使用

for循環(huán)并用數(shù)組長度

數(shù)組名

.length”

作為

for循環(huán)最大限度值。除此之外也可以使用

for???in循環(huán)。課題

1?JavaScript

語言基礎(chǔ)七、語句1.

輸入與輸出語句(1)輸入(2)輸出使用

document.write()方法在瀏覽器窗口輸出,使用

alert()方法在對話框中輸出。2.選擇結(jié)構(gòu)語句選擇結(jié)構(gòu)是按照給定的邏輯條件來決定執(zhí)行的順序,有單向選擇、雙向選擇和多向選擇之分,但是程序在執(zhí)行過程中都只是執(zhí)行其中的一條分支。選擇語句分為

if條件語句和

switch語句。課題

1?JavaScript

語言基礎(chǔ)(1)if

條件語句if(條件語句){?執(zhí)行語句;}課題

1?JavaScript

語言基礎(chǔ)2)if???else語句if(條件){?語句1;}else{?語句2;}3)if???else

if???else語句if(條件1)課題

1?JavaScript

語言基礎(chǔ){?語句1;}elseif(條件2){?語句2;}else{?語句3;}課題

1?JavaScript

語言基礎(chǔ)(2)switch語句在

JavaScript中,switch語句也是選擇結(jié)構(gòu)中很常用的語句,功能與

if語句類似。switch語句用于將一個表達式同多個值進行比較,并根據(jù)比較結(jié)果選擇執(zhí)行語句。語法格式如下:switch(表達式){?case值1:語句組1;break;?case值2:語句組2;break;?

…?case值

n:語句組

n;break;?default:語句組

n+1;}課題

1?JavaScript

語言基礎(chǔ)3.循環(huán)結(jié)構(gòu)語句循環(huán)結(jié)構(gòu)可以實現(xiàn)將某一段代碼多次重復執(zhí)行,在

JavaScript中可以使用

for循環(huán)、for???in循環(huán)、while循環(huán)和

do???while循環(huán)四種。(1)for循環(huán)for循環(huán)語句是最常用的循環(huán)語句,一般用在循環(huán)次數(shù)已知的情況下。for(初始化表達式;循環(huán)條件;操作表達式){?循環(huán)體;}課題

1?JavaScript

語言基礎(chǔ)(2)for???in循環(huán)for???in循環(huán)用于遍歷數(shù)組或者對象的屬性,即對數(shù)組或者對象的屬性進行循環(huán)操作。for(變量

in對象){?循環(huán)體;}課題

1?JavaScript

語言基礎(chǔ)(3)while循環(huán)while循環(huán)在

“循環(huán)條件”

的值為真

(true)時執(zhí)行

“循環(huán)體”,否則結(jié)束循環(huán)。while(循環(huán)條件){?循環(huán)體;}課題

1?JavaScript

語言基礎(chǔ)(4)do???while循環(huán)do???while循環(huán)與

while循環(huán)類似,不同的是

do???while循環(huán)在判斷

“循環(huán)條件”

的值之前先執(zhí)行

“循環(huán)體”,也就是說至少會執(zhí)行一次

“循環(huán)體”。do{循環(huán)體;}while(循環(huán)條件);課題

?JavaScript對象化編程v

學習目標1.

了解瀏覽器對象模型和文檔對象模型,掌握

JavaScript

中常用的對象和事件。2.

能利用

JavaScript

中對象的屬性、事件和方法,制作數(shù)字時鐘特效、動態(tài)改變文本特效、打開新窗口特效、狀態(tài)欄打印機特效和在狀態(tài)欄設(shè)置日期時間特效。課題

?JavaScript對象化編程v相關(guān)知識JavaScript是基于對象

(Object-

Based)的編程語言。基于對象與面向?qū)ο?Object-Oriented)不同,它不提供抽象、繼承、重載等有關(guān)面向?qū)ο笳Z言的功能。基于對象的編程語言仍具有一些面向?qū)ο蟮幕咎卣?,可以根?jù)需要創(chuàng)建自己的對象,進一步擴大語言的應用范圍,編寫出功能強大的

Web文檔。課題

?JavaScript對象化編程一、BOM

和DOM

結(jié)構(gòu)JavaScript

BOM

DOM

中定義的對象模型及操作方法為基礎(chǔ),支持BOM

DOM

提供的對象模型,根據(jù)其對象模型層次結(jié)構(gòu)訪問目標對象的屬性并對對象施加相應的操作。BOM

BrowserOdjectModel的縮寫,即瀏覽器對象模型。BOM

提供獨立于頁面內(nèi)容而與瀏覽器窗口進行交互的對象。DOM是

DocumentOdjectModel的縮寫,即文檔對象模型。DOM是

W3C制定的標準。課題

?JavaScript對象化編程BOM中定義了六種重要的對象:(1)window對象表示瀏覽器中打開的窗口。(2)navigator對象包含了有關(guān)瀏覽器的信息。(3)location對象包含了瀏覽器當前的

URL信息。(4)document對象表示瀏覽器中加載頁面的文檔對象。課題

?JavaScript對象化編程BOM

DOM

結(jié)構(gòu)課題

?JavaScript對象化編程(5)history對象包含了瀏覽器訪問網(wǎng)頁的歷史信息。(6)screen對象包含了客戶端顯示屏幕的信息。瀏覽器會為每一個網(wǎng)頁自動創(chuàng)建

window對象、navigater對象、location對象、document對象、history對象和

screen對象。window對象位于瀏覽器所有對象的最頂層,其他五個對象都是該

window對象的子對象。課題

?JavaScript對象化編程二、JavaScript

對象在JavaScript中,對象是一種特殊的數(shù)據(jù),擁有屬性和方法。屬性是指與對象有關(guān)的值,方法是指對象可以執(zhí)行的行為

(或者可以完成的功能)。屬性與方法的引用課題

?JavaScript對象化編程1.window對象window對象對應

Web瀏覽器的窗口,使用它可以直接對瀏覽器窗口進行操作。window對象提供的主要功能可以分為以下

5類:調(diào)整窗口的大小和位置、打開新窗口、系統(tǒng)提示框、狀態(tài)欄控制和定時操作。(1)調(diào)整窗口的大小和位置調(diào)整窗口的大小和位置的方法課題

?JavaScript對象化編程(2)打開新窗口window對象的

open()方法用于從一個窗口中新開一個窗口。(3)系統(tǒng)提示框系統(tǒng)提示框的方法課題

?JavaScript對象化編程(4)狀態(tài)欄控制window對象的

status屬性可設(shè)置或返回窗口狀態(tài)欄中的文本。瀏覽器狀態(tài)欄的顯示信息可以通過

window.status屬性直接進行修改。設(shè)置在狀態(tài)欄中顯示文本的代碼如下:<script>?window.status="顯示文本在狀態(tài)欄!";</script>課題

?JavaScript對象化編程(5)定時操作定時操作的方法課題

?JavaScript對象化編程2.document對象document對象是

window對象的子對象,每個載入瀏覽器的

HTML文檔都會成為

document對象。document對象包含當前文檔的信息,如標題、背景顏色、表單、表格等。document對象常用于向瀏覽器輸出內(nèi)容或者獲得當前文檔中的信息。3.form對象form對象是

document對象的一個子對象,表示表單對象。一個文檔中的每一個表單都是獨立的、互不關(guān)聯(lián)的對象,document.formName或

document.forms[index]

用于獲取對某個form的引用,其中

index的值在

0到此文檔中的form數(shù)減

1之間。獲取指定的

form對象后,就可以使用它來獲取

form中的各個元素。課題

?JavaScript對象化編程4.screen對象screen對象包含有關(guān)客戶端顯示屏幕的信息。JavaScript程序可以利用這些信息優(yōu)化它們的輸出,以達到用戶的顯示要求。5.JavaScript核心對象JavaScript核心對象是

ECMAScript標準定義的一些對象與函數(shù)。課題

?JavaScript對象化編程JavaScript核心對象課題

?JavaScript對象化編程三、JavaScript

事件JavaScript常用事件課題

3?制作表單驗證類特效v

學習目標1.

能使用

JavaScript

函數(shù)實現(xiàn)表單驗證。2.

能使用正則表達式實現(xiàn)即時提示錯誤的表單驗證。課題

3?制作表單驗證類特效v相關(guān)知識JavaScript可以實現(xiàn)在數(shù)據(jù)被送往服務(wù)器前對

HTML

表單中的輸入數(shù)據(jù)進行驗證。被

JavaScript

驗證的典型表單數(shù)據(jù)包括:用戶是否已填寫表單中的必填項目、用戶輸入的郵件地址是否合法、用戶是否已輸入合法的日期、用戶是否在數(shù)據(jù)域中輸入了文本。課題

3?制作表單驗證類特效一、表單1.表單的概念表單由一個或多個表單元素構(gòu)成,用于收集信息數(shù)據(jù)。<formaction=""method="post"id="frm"name="frm">???</form>常用的表單元素包括:文本框

(text)、密碼框

(password)、單選按鈕

(radio)、復選框(checkbox)、列表框

(<select>和

<option>)、按鈕

(button、submit和reset)和多行文本框

(<textarea>)。課題

3?制作表單驗證類特效2.獲取表單元素的值document.表單名稱.表單元素名稱

.value3.判斷表單元素值是否滿足條件4.設(shè)置表單的

onsubmit提交事件5.this關(guān)鍵字如果在

JavaScript的

主程序”

(不在任何

function中,不在任何事件處理程序中)使用

this,它代表

window對象。如果在事件處理程序中使用

this,它代表發(fā)生事件的對象。課題

3?制作表單驗證類特效二、正則表達式正則表達式

(RegularExpression)描述了強大的模式匹配和文本檢索與替換函數(shù)的方法,用于檢查字符串是否含有某子串、將匹配的子串進行替換或者從某字符串抽取出符合條件的子串等。1.RegExp對象RegExp對象表示正則表達式,是對字符串執(zhí)行模式匹配的強大工具。(1)直接量語法/pattern/attributes(2)創(chuàng)建

RegExp對象的語法newRegExp(pattern,attributes)課題

3?制作表單驗證類特效2.修飾符3.方括號4.元字符5.量詞6.RegExp對象屬性7.RegExp對象方法8.支持正則表達式的

String對象的方法9.正則表達式符號總表10.常用正則表達式課題

3?制作表單驗證類特效常用正則表達式課題

4?制作層切換和層提示特效v

學習目標1.

能制作層切換特效。2.

能制作層提示特效。課題

4?制作層切換和層提示特效v相關(guān)知識一、getElementById

()方法getElementById()方法根據(jù)指定的

id屬性值獲取對象。假如對應的為一組對象,則返回該組對象中的第一個,即

getElementById()方法可返回擁有指定

id的第一個對象的引用。在操作文檔的一個特定元素時,最好給該元素一個id屬性,在文檔中為它指定一個唯一的名稱,然后就可以用該

id查找想要的元素。Element=document.getElementById(“id”);課題

4?制作層切換和層提示特效二、display

屬性display屬性設(shè)置元素如何顯示,其值為

“none”

時,元素不會被顯示;其值為

“block”時,元素將顯示為塊級元素,元素前后會帶有換行符。Object.style.display=“none|

block";課題

4?制作層切換和層提示特效三、層切換和層提示制作原理1.獲取對象,設(shè)置顯示屬性2.

初始時隱藏所有對象3.

顯示對象4.

隱藏對象5.

移入時顯示對象,移出時隱藏對象課題

5?制作菜單類特效v

學習目標1.

能制作純

HTML

CSS

的菜單特效。2.

能制作

JavaScript

CSS

的菜單特效。課題

5?制作菜單類特效v相關(guān)知識一、導航菜單導航菜單是網(wǎng)頁設(shè)計中不可缺少的部分,是人們?yōu)g覽網(wǎng)站時從一個頁面轉(zhuǎn)到另一個頁面的快速通道。導航菜單的種類繁多,最基本的有三種形式:橫向?qū)Ш讲藛巍⒖v向?qū)Ш讲藛魏拖吕讲藛?。制作導航菜單的技術(shù)有很多,可以采用純

HTML

CSS

、JavaScript

+CSS或

jQuery

等技術(shù)制作菜單特效。課題

5?制作菜單類特效二、HTML

CSS二級菜單制作原理不使用

JavaScript,只使用

HTML

CSS也能制作出精美的二級菜單特效,其原理是使用:hover偽類控制子選項的顯示與隱藏。1.增加專門用于控制導航菜單的

Div2.

一級菜單設(shè)置3.

二級菜單設(shè)置(1)二級菜單定位與隱藏(2)二級菜單顯示(3)二級菜單變換鏈接效果設(shè)置課題

5?制作菜單類特效三、JavaScript

CSS二級菜單制作原理(1)每個一級菜單都對應一個層,而這個層里存放著該一級菜單對應的二級菜單。二級菜單排列形狀不同,就構(gòu)成了不同形式的菜單。如果排列成橫向,制作出來的就是橫向?qū)Ш讲藛?;如果排列成縱向,制作出來的就是縱向?qū)Ш讲藛巍?2)默認情況下,二級菜單這個層是隱藏的。通過

<body>標簽

onload事件調(diào)用初始化函數(shù),在

CSS中將需要被隱藏層的

display屬性值設(shè)為

“none”,可以達到此目的。(3)當鼠標移入一級菜單時,對應的二級菜單層顯示。在

JavaScript中通過鼠標移入事件

onmouseover調(diào)用自定義的顯示層函數(shù),將層的

display屬性值設(shè)為“block”。課題

5?制作菜單類特效(4)當鼠標從一級菜單中移開時,對應的二級菜單層隱藏。在

Javascript中通過鼠標移出事件

onmouseout調(diào)用自定義的隱藏層函數(shù),將層的

display屬性值設(shè)為“none”。(5)鼠標從一級菜單移到二級菜單上時,二級菜單也不能隱藏,因此,對二級菜單必須將其設(shè)為:當鼠標移入時顯示當前層,當鼠標移出時隱藏當前層。課題

6?制作廣告類特效v

學習目標1.

能制作路徑不固定、可關(guān)閉的漂浮廣告特效。2.

能制作可關(guān)閉的對聯(lián)廣告特效。3.

能制作帶數(shù)字導航的橫幅廣告特效。4.

能制作可折疊的商品分類廣告特效。課題

6?制作廣告類特效v相關(guān)知識一、路徑不固定的漂浮廣告漂浮廣告

(FloatingAdvertising)是指漂浮在網(wǎng)站首頁或各版塊、帖子等頁面的漂移形式的廣告。漂浮路徑示意圖課題

6?制作廣告類特效1.運動軌跡的控制2.

暫停與繼續(xù)移動的控制3.

關(guān)閉的控制課題

6?制作廣告類特效二、對聯(lián)廣告對聯(lián)廣告是指利用網(wǎng)站頁面左右兩側(cè)的豎式廣告位而設(shè)計的廣告形式??申P(guān)閉對聯(lián)廣告課題

6?制作廣告類特效1.在網(wǎng)站上掛對聯(lián)2.

對聯(lián)廣告隨頁面瀏覽跟隨移動實現(xiàn)對聯(lián)廣告隨頁面瀏覽跟隨移動特效,必須獲取當前頁面的滾動條縱坐標,并根據(jù)用戶操作動態(tài)調(diào)整滾動條縱坐標。課題

6?制作廣告類特效三、帶數(shù)字導航的橫幅廣告橫幅廣告

(BannerAd)是橫跨于網(wǎng)頁上的矩形公告牌,表現(xiàn)商家廣告內(nèi)容的圖片放置在頁面上,當單擊這些橫幅的時候,通??梢枣溄拥綇V告主的網(wǎng)頁。帶數(shù)字導航的橫幅廣告課題

6?制作廣告類特效1.輪播廣告2.

切換廣告四、可折疊的商品分類廣告在商品分類下,單擊某類商品可展開該分支,再次單擊該類商品可折疊該分支。可折疊的商品分類廣告課題

6?制作廣告類特效1.eval()函數(shù)2.

可折疊商品廣告核心代碼分析課題

7?制作滾動類和日期類特效v

學習目標1.

能制作無縫文字滾動廣告特效。2.

能制作無縫圖片滾動廣告特效。3.

能制作可手動控制的無縫圖片滾動廣告特效。4.

能制作日歷顯示特效。5.

能制作倒計時特效。課題

7?制作滾動類和日期類特效v相關(guān)知識一、無縫文字滾動廣告1.Marquee標記的缺陷制作文字滾動類特效時,可使用

Marquee標記來實現(xiàn)文字在水平或垂直方向上的滾動。在文字滾動的過程中,總會有一段時間出現(xiàn)無滾動文字的情況,這是使用

Marquee標記制作文字滾動類特效的一個缺陷。

為了彌補這個缺陷,可使用

Div層和

JavaScript腳本代碼實現(xiàn)廣告的無縫連續(xù)滾動。課題

7?制作滾動類和日期類特效2.無縫滾動原理準備滾動課題

7?制作滾動類和日期類特效滾動中3.暫停與繼續(xù)滾動設(shè)置一個實時器,當鼠標移入時清除定時器,達到暫停的目的。

當鼠標移出時,重新設(shè)置定時器,繼續(xù)滾動。課題

7?制作滾動類和日期類特效二、無縫圖片滾動廣告無縫圖片滾動廣告的工作原理與無縫文字滾動廣告相同,區(qū)別是滾動方向不同。

無縫文字滾動廣告從下向上滾動,無縫圖片滾動廣告從右向左滾動。滾動到交界時還原課題

7?制作滾動類和日期類特效制作無縫圖片滾動廣告與制作無縫文字滾動廣告有兩點不同:(1)需要把無縫文字滾動源程序中的

offsetTop改成

offsetLef

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論