快捷導(dǎo)航

JS功能代碼集錦

更新時(shí)間：2016年05月04日 10:23:04 作者：wdyang

這篇文章主要介紹了JS功能代碼集錦的相關(guān)資料,需要的朋友可以參考下

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ì)大家有所幫助！

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果
本篇文章主要分享了js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
layui表格設(shè)計(jì)以及數(shù)據(jù)初始化詳解
今天小編就為大家分享一篇layui表格設(shè)計(jì)以及數(shù)據(jù)初始化詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-10-10
激活 ActiveX 控件
激活 ActiveX 控件...
2006-10-10
js實(shí)現(xiàn)無感刷新的實(shí)踐(附前后端實(shí)現(xiàn))
無感刷新機(jī)制的目的是在用戶不知情的情況下,自動(dòng)更新其認(rèn)證令牌本文,主要介紹了js實(shí)現(xiàn)無感刷新的實(shí)踐(附前后端實(shí)現(xiàn)),具有一定的參考價(jià)值,感興趣的可以了解一下
2024-04-04
JS實(shí)現(xiàn)的添加彈出層并完成鎖屏操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)的添加彈出層并完成鎖屏操作,涉及JS針對(duì)頁面元素與樣式動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-04-04
javascript從image轉(zhuǎn)換為base64位編碼的String
選擇webview把image以base64位編碼的方式傳給本地應(yīng)用，就不需要再取一次圖片文件了，從而提高了速度
2014-07-07
JS+CSS實(shí)現(xiàn)模仿瀏覽器網(wǎng)頁字符查找功能的方法
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)模仿瀏覽器網(wǎng)頁字符查找功能的方法,實(shí)例分析了javascript實(shí)現(xiàn)查找功能的樣式及相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-02-02
解決前后端交互數(shù)據(jù)出現(xiàn)精度丟失的多種方式
這篇文章主要為大家介紹了解決前后端交互數(shù)據(jù)出現(xiàn)精度丟失的多種方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-04-04
如何通過javaScript去除字符串兩端的空白字符
這篇文章主要介紹了如何通過javaScripte去除字符串兩端的空白字符,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-02-02
js調(diào)用網(wǎng)絡(luò)攝像頭的方法
這篇文章主要介紹了js調(diào)用網(wǎng)絡(luò)攝像頭的方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-12-12