DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript實例代碼:通過鼠標點擊給網頁換CSS
Javascript實例代碼:通過鼠標點擊給網頁換CSS
編輯:關於JavaScript     

通過點擊顏色塊給網頁更換自己喜歡的顏色。
代碼如下:

<script type="text/javascript">
    var oDiv = document.getElementById('div1');
    var oHlink = document.getElementById('hlink');
    var aLi = oDiv.getElementsByTagName('li');
    for(var len=aLi.length,i=0;i>len;i++){
        aLi[i].index = i;  //索引
        aLi[i].onclick = function(){
            //判斷第一個
            if(this.index==0)this.index = '';
            //更改CSS的href
            oHlink.href = 'css'+this.index+'.css';
        };
    }
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved