JS功能代碼集錦
1.模仿fade in(),fade out().
原理:setInterval ( "opacity++透明度“函數(shù),時(shí)間間隔)
var alpha = 0; function play(){ timer = setInterval(function(){ alpha += 2; alpha > 100 && (alpha = 100); aImg[index].style.opacity = alpha / 100; aImg[index].style.filter = "alpha(opacity = " + alpha/100 + ")"; alpha == 100 && clearInterval(timer); },40) }
2.獲取和設(shè)置元素對(duì)象的屬性值:
關(guān)鍵點(diǎn):obj.currentStyle[attr] ; getComputedStyle(obj,null)[attr] ;
function css(obj,attr,val) { switch(arguments.length) { case 2: if(typeof arguments[1] == "string"){ return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr]; }else{ for(var i in attr) { obj.style[i] = attr[i]; } } break; case 3: obj.style[attr] = val; break; default: alert("錯(cuò)誤參數(shù)"); } }
以上所述是小編給大家介紹的JS功能代碼集錦的相關(guān)內(nèi)容,希望對(duì)大家有所幫助!
- js禁止頁面復(fù)制功能禁用頁面右鍵菜單示例代碼
- js實(shí)現(xiàn)簡單登錄功能的實(shí)例代碼
- java使用淘寶API讀寫json實(shí)現(xiàn)手機(jī)歸屬地查詢功能代碼
- JS小功能(操作Table--動(dòng)態(tài)添加刪除表格及數(shù)據(jù))實(shí)現(xiàn)代碼
- JS小功能(setInterval實(shí)現(xiàn)圖片效果顯示時(shí)間)實(shí)例代碼
- JS小功能(onmouseover實(shí)現(xiàn)選擇月份)實(shí)例代碼
- js輸入框郵箱自動(dòng)提示功能代碼實(shí)現(xiàn)
- js實(shí)現(xiàn)彈窗插件功能實(shí)例代碼分享
- js實(shí)現(xiàn)網(wǎng)頁倒計(jì)時(shí)、網(wǎng)站已運(yùn)行時(shí)間功能的代碼3例
- js檢測網(wǎng)絡(luò)是否具體連接功能的代碼
- js實(shí)現(xiàn)select跳轉(zhuǎn)功能代碼
- js實(shí)現(xiàn)ArrayList功能附實(shí)例代碼
- JS 打印功能代碼可實(shí)現(xiàn)打印預(yù)覽、打印設(shè)置等
相關(guān)文章
JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例
這篇文章主要介紹了JavaScript對(duì)象屬性檢查、增加、刪除、訪問操作實(shí)例,本文分別給出代碼實(shí)例來講解如何給對(duì)象增加屬性、檢查屬性存在、以及刪除和訪問屬性,需要的朋友可以參考下2015-07-07javascript斷點(diǎn)調(diào)試心得分享
javascript中程序是怎么可以中斷執(zhí)行,然后一步一步走下去。而且debug的時(shí)候,可以看到變量,調(diào)用棧等東西。這個(gè)是如何實(shí)現(xiàn)的?2016-04-04基于JS實(shí)現(xiàn)導(dǎo)航條flash導(dǎo)航條
flash導(dǎo)航條在網(wǎng)站建設(shè)中應(yīng)用比較廣泛,此種效果給瀏覽者帶來極好的視覺效果,非常棒,下面小編給大家介紹基于JS實(shí)現(xiàn)導(dǎo)航條flash導(dǎo)航條,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-06-06innerHTML在Mozilla Firefox和Opera下執(zhí)行的一個(gè)特例情況。
innerHTML在Mozilla Firefox和Opera下執(zhí)行的一個(gè)特例情況。...2007-01-01新手學(xué)習(xí)前端之js模仿淘寶主頁網(wǎng)站
淘寶網(wǎng)大家在熟悉不過了,那么淘寶網(wǎng)首頁模板是怎么做的呢?今天小編抽時(shí)間給大家分享新手學(xué)習(xí)前端之js模仿淘寶主頁網(wǎng)站的相關(guān)資料,需要的朋友可以參考下2016-10-10