第6章利用javascript開發(fā)動態(tài)文檔

1、131第6章利用章利用Javript開發(fā)動態(tài)文檔開發(fā)動態(tài)文檔目錄目錄第6章利用Javript開發(fā)動態(tài)文檔.............................................................................................16.1簡介.....................................................................

2、....................................................................16.2元素定位..................................................................................................................................26.2.1絕對定位....

3、.......................................................................................................................26.2.2相對定位...........................................................................................

4、................................56.2.3靜態(tài)定位..........................................................................................................................66.3移動元素................................................

5、.................................................................................66.4元素可見性..............................................................................................................................96.5

6、修改顏色和字體....................................................................................................................106.5.1修改顏色......................................................................................

7、...................................106.6動態(tài)內(nèi)容...............................................................................................................................136.7堆疊元素........................................

8、.......................................................................................166.8定位鼠標(biāo)光標(biāo)........................................................................................................................19

9、6.9響應(yīng)鼠標(biāo)單擊.......................................................................................................................216.10緩慢移動元素................................................................................

10、.....................................226.11拖放元素..............................................................................................................................25我們可將動態(tài)XHTML文檔通俗地定義為當(dāng)通過瀏覽器進(jìn)行顯示時，還可以按照某種方式進(jìn)行修改的

11、文檔。提供動態(tài)文檔的最常用的客戶端方法是使用Javript操縱顯示文檔的DOM對象。顯式的用戶交互請求可以觸發(fā)對文檔的修改，同樣，也可以通過定期修改文檔，或者當(dāng)瀏覽器事件發(fā)生時修改文檔。XHTML元素初始時可能會位于瀏覽器中任意給定的位置。但是，如果按照某種特殊的方式對元素進(jìn)行定位，那么可以動態(tài)地將元素移動到顯示窗口中的其他位置?？梢允乖夭豢梢姡部梢允乖刂匦鲁霈F(xiàn)。文檔的背景色和前景（元素）色也都是可以改變的。顯示文本的字體、字體大

12、小和字體樣式也可以改變。甚至元素的內(nèi)容都可以改變。文檔中的重疊元素可以按某種自上向下的堆疊順摩進(jìn)行定位，堆疊順序也是可以動態(tài)修改的。當(dāng)在文檔上單擊鼠標(biāo)時，可以確定光標(biāo)在瀏覽器窗口中的位置。還可以使元素在瀏覽器窗口中四處緩慢移動。最后，可以將元素定義為允許用戶將它們拖放到瀏覽器窗口的任意位置。本章將對這些內(nèi)容展開討論。6.1簡介簡介動態(tài)XHTML并不是一種新的標(biāo)記語言。它是一個技術(shù)集合，可供動態(tài)修改通過XHTML描述的文檔。確切地講，所謂

13、動態(tài)XHTML文檔，其含義是指可在文檔已顯示并仍在顯示時通過用戶交互或瀏覽器事件，對其標(biāo)簽屬性、標(biāo)簽內(nèi)容或者元素樣式屬性進(jìn)行331AbsolutepositioningAstylefaparagraphoftext.regtexttfon.tfamily:Timesfontsize:14ptwidth:600pxAstylefthetexttobeabsolutelypositioned..abstexttposition:absolu

14、tetop:25pxleft:50pxfontfamily:Timesfontsize:24ptfontstyle:italicletterspacing:lemcol:rgb(102r102102)width:500pxAppleisthecommonnamefanytreeofthegenusMalusofthefamilyRosaceae.Appletreesgrowinanyofthetemperateareasofthewld

15、.Someappleblossomsarewhitebutmosthavestripestintsofrose.Someappleblossomsarebrightred.AppleshaveafirmfleshystructurethatgrowsfromtheblossomThecolsofapplesrangefromgreentoverydarkred.Thewoodofappletreesisfinegrainedhard.I