基礎(chǔ)htmlcssjs vedio php源碼筆記使用JS操作CSS中的各屬性_第1頁
基礎(chǔ)htmlcssjs vedio php源碼筆記使用JS操作CSS中的各屬性_第2頁
基礎(chǔ)htmlcssjs vedio php源碼筆記使用JS操作CSS中的各屬性_第3頁
基礎(chǔ)htmlcssjs vedio php源碼筆記使用JS操作CSS中的各屬性_第4頁
基礎(chǔ)htmlcssjs vedio php源碼筆記使用JS操作CSS中的各屬性_第5頁
已閱讀5頁，還剩7頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

CSSDOM動態(tài)樣JSCSSJS只能操作或修改行內(nèi)樣式。如：imgObj.style.border“1pxsolidclassName來賦值。如：imgObj.classNamestyle對HTMLstylestylestylestyle對象的屬性有哪些？styleCSS中的屬性，一一對應。因此，styleCSS。如：imgObj.style.border1pxsolidstyle對象屬性CSS屬性的轉(zhuǎn)如果是一個單詞，styleCSS1divObj.style.backgroundColor=divObj.style.backgroundImage=divObj.style.fontSize=EventDOM：1、簡當發(fā)生時，去執(zhí)行JS功能代碼。當點擊時(onClick)，將放大兩倍(JS代碼)2、常onload：當網(wǎng)頁加載完成時。只能給<body>onresize：當改變窗口大小時，發(fā)生的3、句柄屬HTML標記，都有相應的屬性JS函數(shù)JS每一個HTML標記，都對應一個元素對象。元素對象也具有相應的屬性。JS函數(shù)JSEvent對象簡當發(fā)生時，向調(diào)用函數(shù)，傳遞一個event參數(shù)，這個event參數(shù)是一個對象。該event對象中記錄了當前發(fā)生的環(huán)境信息。如：單擊時的坐標、類型等。注意：這個event對象是“短暫”存在的，新的發(fā)生，新的event對象產(chǎn)生，原來的event對象了DOMEvent對1、DOM中引入Event對象(DOM瀏覽器就是標準瀏覽器通過HTML標記的屬性來傳遞event對在DOM中，event對象是作為調(diào)用函數(shù)時的參數(shù)，傳遞給函數(shù)的eventevent使用元素對象的屬性來傳遞event對2、DOMEvent對象屬type：當前的類X pageXpageYscreenXscreenYIEEvent對IEeventwindowwindow對象調(diào)用，而不需要傳參數(shù)IEEvent對象屬type：的類X和Y：距離窗口左邊和上邊的距離x和yscreenXscreenY實例：點出滿天小星<html<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"<script(1)當onclick發(fā)生時(點擊html標記)，去顯示一個星function{//創(chuàng)建varimgObj //srcimgObj.src=//widthvarwidth=getRandom(15,85);imgObj.width=width;//stylevarx=e. X?e. X:event. vary=e. Y?e. Y:event. imgObj.style.position="absolute";imgObj.style.left=x-width/2+"px";imgObj.style.top=y-width/2+"px";}function{varrandom=Math.random()*(max-min)+min;random=Math.floor(random);return}<body綜合案例：當當推薦“顯示/隱藏1、html文件：shop2、JS文件代碼：js/shop綜合案例選項卡”切換效1、html文件代碼2、JS文件代碼綜合案例：購物1、鼠標放到行上改變背景色，鼠標移出后恢復背景<scriptlanguage="javascript"src="js/shop<trclass="shop_product_list" 2、刪除產(chǎn)品(刪除表格行 id="shopProduct_01" <tdclass="shop_product_list_1"><ahref="#"class="blue">私募（首部披的金融<tdclass="shop<tdclass="shop<tdclass="shop_product_list_4">￥18.90(59折<tdclass="shop_product_list_5"><inputonBlur="productCount()"type="text"<tdclass="shop_product_list_6"><ahref="javascript:deleteProduct('shopProduct_01')"class="blue">刪3、購物車計<liclass="shop_list_end_2"<licl

溫馨提示

  • 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

提交評論