基礎(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)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

CSSDOM動態(tài)樣JSCSSJS只能操作或修改行內(nèi)樣式。如：imgObj.style.border“1pxsolidclassName來賦值。如：imgObj.classNamestyle對HTMLstylestylestylestyle對象的屬性有哪些？styleCSS中的屬性，一一對應(yīng)。因此，styleCSS。如：imgObj.style.border1pxsolidstyle對象屬性CSS屬性的轉(zhuǎn)如果是一個單詞，styleCSS1divObj.style.backgroundColor=divObj.style.backgroundImage=divObj.style.fontSize=EventDOM：1、簡當(dāng)發(fā)生時，去執(zhí)行JS功能代碼。當(dāng)點擊時(onClick)，將放大兩倍(JS代碼)2、常onload：當(dāng)網(wǎng)頁加載完成時。只能給<body>onresize：當(dāng)改變窗口大小時，發(fā)生的3、句柄屬HTML標(biāo)記，都有相應(yīng)的屬性JS函數(shù)JS每一個HTML標(biāo)記，都對應(yīng)一個元素對象。元素對象也具有相應(yīng)的屬性。JS函數(shù)JSEvent對象簡當(dāng)發(fā)生時，向調(diào)用函數(shù)，傳遞一個event參數(shù)，這個event參數(shù)是一個對象。該event對象中記錄了當(dāng)前發(fā)生的環(huán)境信息。如：單擊時的坐標(biāo)、類型等。注意：這個event對象是“短暫”存在的，新的發(fā)生，新的event對象產(chǎn)生，原來的event對象了DOMEvent對1、DOM中引入Event對象(DOM瀏覽器就是標(biāo)準(zhǔn)瀏覽器通過HTML標(biāo)記的屬性來傳遞event對在DOM中，event對象是作為調(diào)用函數(shù)時的參數(shù)，傳遞給函數(shù)的eventevent使用元素對象的屬性來傳遞event對2、DOMEvent對象屬type：當(dāng)前的類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)當(dāng)onclick發(fā)生時(點擊html標(biāo)記)，去顯示一個星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綜合案例：當(dāng)當(dāng)推薦“顯示/隱藏1、html文件：shop2、JS文件代碼：js/shop綜合案例選項卡”切換效1、html文件代碼2、JS文件代碼綜合案例：購物1、鼠標(biāo)放到行上改變背景色，鼠標(biāo)移出后恢復(fù)背景<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)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論