成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

「fakefish誤人子弟系列」原生js效果之初夜

draveness / 3404人閱讀

摘要:,在經(jīng)過一系列艱難的決定之后,我開出了這么一個誤人子弟系列其實就是炒冷飯。我不知道會寫多少篇,反正寫著再說,出問題了請見諒,畢竟是誤人子弟嘛,有問題請評論,我好修改。函數(shù)中有個重要的東西,叫數(shù)組,舉個例子主要是這個函數(shù)把一系列參數(shù)彈窗。

Hello,在經(jīng)過一系列艱難的決定之后,我開出了這么一個誤人子弟系列其實就是炒冷飯。

我不知道會寫多少篇,反正寫著再說,出問題了請見諒,畢竟是誤人子弟嘛,有問題請評論,我好修改。

先從簡單的開始。

來吃狗。






比如現(xiàn)在有這些dom,我們通過這個button的點擊去修改div的一些屬性。怎么做呢?

var attributes=["width","height","background","display","display"];
var values=["200px","200px","red","none","block"];
var div=document.getElementById("div");
var btns=document.getElementsByTagName("input");
for(var i=0,len=btns.length;i

為了方便,我們把要改的一些屬性寫出數(shù)組,然后遍歷那幾個按鈕,加上索引,然后綁定點擊事件,修改樣式,簡單的來說就是類似div.style["width"] = "200px"的方式修改。

demo

講講切換css樣式,就是傳說中的換膚功能的基礎(chǔ)。

頁面中引入css樣式的一般都是用,所以我們通過修改這個href來改變頁面中的外鏈樣式。

red
blue
this is a div
var btns=document.getElementsByTagName("span");
var link=document.getElementsByTagName("link");
for(var i=0,len=btns.length;i

這樣我們可以切換red.css和blue.css來切換皮膚。

demo

js函數(shù)中有個重要的東西,叫arguments數(shù)組,舉個例子




window.onload=function(){
    var inputs=document.getElementsByTagName("input");
    var button=document.getElementsByTagName("button")[0];
    button.onclick=function(){
        fun(inputs[0].value,inputs[1].value);
    }
}
function fun(){
    for(var i in arguments){
        alert(arguments[i]);
    }
}

主要是這個fun函數(shù)把一系列參數(shù)彈窗。

demo

夜深了,先放這么三段吧。

未完成的demo本體

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/87488.html

相關(guān)文章

  • 純CSS+HTML自定義checkbox效果

    摘要:應(yīng)該是一個比較常用的功能了,不過瀏覽器自帶的往往樣式不怎么好看,而且不同瀏覽器效果也不一樣。出于美化和統(tǒng)一視覺效果的需求,的自定義就被提出來了。個人建議用的和偽元素和是一個東西。 checkbox應(yīng)該是一個比較常用的html功能了,不過瀏覽器自帶的checkbox往往樣式不怎么好看,而且不同瀏覽器效果也不一樣。出于美化和統(tǒng)一視覺效果的需求,checkbox的自定義就被提出來了。這里對實...

    sevi_stuo 評論0 收藏0
  • javascript作用域和閉包我見

    摘要:查詢是在作用域鏈中,一級級的往上查找該變量的引用。作用域和作用域鏈作用域的概念,應(yīng)該兩張圖幾句話就能解釋吧。這個建筑代表程序中的嵌套作用域鏈。一層嵌一層的作用域形成了作用域鏈,變量在作用域鏈中的函數(shù)內(nèi)得到了自己的定義。 javascript作用域和閉包之我見 看了《你不知道的JavaScript(上卷)》的第一部分——作用域和閉包,感受頗深,遂寫一篇讀書筆記加深印象。路過的大牛歡迎指點...

    SoapEye 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<