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

下載本文檔

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

文檔簡(jiǎn)介

CSSDOM動(dòng)態(tài)樣JSCSSJS只能操作或修改行內(nèi)樣式。如：imgObj.style.border“1pxsolidclassName來(lái)賦值。如：imgObj.classNamestyle對(duì)HTMLstylestylestylestyle對(duì)象的屬性有哪些？styleCSS中的屬性，一一對(duì)應(yīng)。因此，styleCSS。如：imgObj.style.border1pxsolidstyle對(duì)象屬性CSS屬性的轉(zhuǎn)如果是一個(gè)單詞，styleCSS1divObj.style.backgroundColor=divObj.style.backgroundImage=divObj.style.fontSize=EventDOM：1、簡(jiǎn)當(dāng)發(fā)生時(shí)，去執(zhí)行JS功能代碼。當(dāng)點(diǎn)擊時(shí)(onClick)，將放大兩倍(JS代碼)2、常onload：當(dāng)網(wǎng)頁(yè)加載完成時(shí)。只能給<body>onresize：當(dāng)改變窗口大小時(shí)，發(fā)生的3、句柄屬HTML標(biāo)記，都有相應(yīng)的屬性JS函數(shù)JS每一個(gè)HTML標(biāo)記，都對(duì)應(yīng)一個(gè)元素對(duì)象。元素對(duì)象也具有相應(yīng)的屬性。JS函數(shù)JSEvent對(duì)象簡(jiǎn)當(dāng)發(fā)生時(shí)，向調(diào)用函數(shù)，傳遞一個(gè)event參數(shù)，這個(gè)event參數(shù)是一個(gè)對(duì)象。該event對(duì)象中記錄了當(dāng)前發(fā)生的環(huán)境信息。如：?jiǎn)螕魰r(shí)的坐標(biāo)、類型等。注意：這個(gè)event對(duì)象是“短暫”存在的，新的發(fā)生，新的event對(duì)象產(chǎn)生，原來(lái)的event對(duì)象了DOMEvent對(duì)1、DOM中引入Event對(duì)象(DOM瀏覽器就是標(biāo)準(zhǔn)瀏覽器通過(guò)HTML標(biāo)記的屬性來(lái)傳遞event對(duì)在DOM中，event對(duì)象是作為調(diào)用函數(shù)時(shí)的參數(shù)，傳遞給函數(shù)的eventevent使用元素對(duì)象的屬性來(lái)傳遞event對(duì)2、DOMEvent對(duì)象屬type：當(dāng)前的類X pageXpageYscreenXscreenYIEEvent對(duì)IEeventwindowwindow對(duì)象調(diào)用，而不需要傳參數(shù)IEEvent對(duì)象屬type：的類X和Y：距離窗口左邊和上邊的距離x和yscreenXscreenY實(shí)例：點(diǎn)出滿天小星<html<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"<script(1)當(dāng)onclick發(fā)生時(shí)(點(diǎn)擊html標(biāo)記)，去顯示一個(gè)星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綜合案例選項(xiàng)卡”切換效1、html文件代碼2、JS文件代碼綜合案例：購(gòu)物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、購(gòu)物車(chē)計(jì)<liclass="shop_list_end_2"<licl

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論