1、第6講 制作變換的圖像特效,課前引入,前面我們學(xué)習(xí)了JavaScript一般變量的使用方法，如var x=1;、Var y=x+1;、Var meg=“心有千千結(jié)”等，這些變量有一個(gè)共同的特點(diǎn)，就是一般用于保存一個(gè)數(shù)據(jù)，使用時(shí)也是針對一個(gè)數(shù)據(jù)值。 在實(shí)際應(yīng)用中，有時(shí)需要儲存、傳遞一組不同類型的數(shù)據(jù)，如桌子有長、寬、高3個(gè)屬性，日期有年、月、日3個(gè)方面等。 這些就涉及到JavaScript一種特殊數(shù)據(jù)類型對象。,主要內(nèi)容,使用對象,3,4,項(xiàng)目展示,展示：變換的圖像特效,項(xiàng)目分析,sas.ued.FlashObject=function(swf,id,w,h,ver,c,useExpressIn

2、stall,quality,xiRedirectUrl,redirectUrl,detectKey) if(!document.createElement|!document.getElementById)return; this.DETECT_KEY=detectKey?detectKey:detectflash; this.skipDetect=sas.ued.util.getRequestParameter(this.DETECT_KEY); this.params=new Object(); this.variables=new Object(); this.attributes=ne

3、w Array(); this.useExpressInstall=useExpressInstall; if(swf)this.setAttribute(swf,swf); if(id)this.setAttribute(id,id); ,知識講解與演示 對象,什么是對象 JavaScript的對象就是一種特殊的數(shù)據(jù)類型，它不僅可以保存一組不同類型的數(shù)據(jù)（稱做“對象的屬性”），而且還可以包含有關(guān)“處理”這些數(shù)據(jù)的函數(shù)（稱做“對象的方法”）。,知識講解與演示 對象,JavaScript的對象包含下述3種。 （1）JavaScript的內(nèi)置對象。 JavaScript已定義了一些對象用于處理數(shù)據(jù)

4、，如string、Array等。 （2）瀏覽器內(nèi)置對象。 不同的瀏覽器都提供了一組描述其瀏覽器結(jié)構(gòu)的內(nèi)置對象， JavaScript中提供了豐富的有關(guān)瀏覽器對象的屬性和方法，利用這些對象可以對網(wǎng)頁瀏覽器環(huán)境中的事件時(shí)進(jìn)行控制并作出處理。 （3）自定義對象。 JavaScript還提供了自定義對象的方法，其中包括定義對象的屬性和方法。,知識講解與演示 對象,定義對象 方法一： Function 對象名(參數(shù)1，參數(shù)2，) This.屬性名1=初始值; This.屬性名2=初始值; This.方法名1=function 方法函數(shù)名1（參數(shù)i，參數(shù)ii， ） This.方法名2=function 方

5、法函數(shù)名2（參數(shù)a，參數(shù)b， ） ,知識講解與演示 對象,定義對象 方法二： Function 對象名(參數(shù)1，參數(shù)2，) This.屬性名1=初始值; This.屬性名2=初始值; This.方法名1=方法函數(shù)名1 This.方法名2=方法函數(shù)名2 function 方法函數(shù)名1（參數(shù)i，參數(shù)ii， ） function 方法函數(shù)名2（參數(shù)a，參數(shù)b， ） ,演示定義對象,定義日期對象 Function dateObj(year,month,day) /屬性 This.year=year; this.month=month; This.day=day; /方法 This.toString=f

6、unction getString() Return (this.month+/+this.day+/+this.year) ,特殊運(yùn)算符,知識講解與演示 使用對象,知識講解與演示 使用對象,1創(chuàng)建對象 語法格式： var 對象變量名=new 自定義對象名 如： Var myDate=new dateObj(“2010”,”11”,”8”),知識講解與演示 使用對象,2使用對象的屬性 （1）通過圓點(diǎn)（.）運(yùn)算符。 語法規(guī)則：對象名.屬性名 如：var myMonth=myDate.month;結(jié)果為11 （2）通過屬性名。 語法規(guī)則：對象名“屬性名” 如：var myMonth=myDate“

7、month”;結(jié)果為11,知識講解與演示 使用對象,2使用對象的屬性 （3）通過循環(huán)語句。 語法規(guī)則：for (var 變量 in 對象變量） 對象變量變量 如： document.write(“myDate”中有以下屬性：); For (var item in myDtae) Document.write(item+:+myDateitem+) ,知識講解與演示 使用對象,2使用對象的屬性 （4）通過with語句。 語法規(guī)則： With(對象變量) 直接使用對象屬性名、方法名 如： with (myDate) var myMonth=month; Var myDateStr=toString

8、(); Document.write(“新產(chǎn)生的日期對象的月份是：”+myMonth+”+myDateStr+”);,知識講解與演示使用對象,3使用對象的方法 使用with語句或. 語法規(guī)則： 對象變量名.對象方法名（） 如： var myDateStr=myDate.toString();,知識講解與演示使用對象,4對象作為函數(shù)的參數(shù) 語法規(guī)則： funtion 函數(shù)名（ 對象名） 如： funtion preMonth(date) If(date.month=1 Date.year-;date.month=12 else Date.month-; ,課堂模仿,1. 完成教師演示內(nèi)容。,知識

9、講解與演示分析變換的圖像特效,調(diào)用外部JavaScript程序 語法規(guī)則： 如： ,知識講解與演示分析變換的圖像特效,var varText = function addInfo(title,photourl,link) if(varText!=) varText+=|; varText+=title+|_|+photourl+|_|+link; addInfo(一 四姑娘山之夏,image/四姑娘山之夏.jpg,#); addInfo(二 來古冰川,image/來古冰川.jpg,#); addInfo(三 川藏線地圖,image/川藏線地圖.jpg,#); addInfo(四 奔波寺|蚌普寺,image/奔波寺(蚌普寺).jpg,#); addInfo(五 黃龍風(fēng)光,image/黃龍風(fēng)光.jpg,#); addInfo(六 甘孜寺的壇城,image/甘孜寺的壇城.jpg,#); var sohuFlash2 = new sohuFlash(js/FlashFocus.swf,sasFlashFocus3,400,200,5); sohuFlash2.addParam(quality,high); sohuFlash2.addParam(wmode,transparent); sohuFlash2.add