国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

draveness / 3395人閱讀

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

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

我不知道會(huì)寫多少篇,反正寫著再說(shuō),出問(wèn)題了請(qǐng)見諒,畢竟是誤人子弟嘛,有問(wèn)題請(qǐng)?jiān)u論,我好修改。

先從簡(jiǎn)單的開始。

來(lái)吃狗。






比如現(xiàn)在有這些dom,我們通過(guò)這個(gè)button的點(diǎn)擊去修改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ù)組,然后遍歷那幾個(gè)按鈕,加上索引,然后綁定點(diǎn)擊事件,修改樣式,簡(jiǎn)單的來(lái)說(shuō)就是類似div.style["width"] = "200px"的方式修改。

demo

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

頁(yè)面中引入css樣式的一般都是用,所以我們通過(guò)修改這個(gè)href來(lái)改變頁(yè)面中的外鏈樣式。

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來(lái)切換皮膚。

demo

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




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]);
    }
}

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

demo

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

未完成的demo本體

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/87488.html

相關(guān)文章

  • 純CSS+HTML自定義checkbox效果

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

    sevi_stuo 評(píng)論0 收藏0
  • javascript作用域和閉包我見

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

    SoapEye 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<