Javascript实例代码:通过鼠标点击给网页换CSS

2012-06-29 10:17:07  来源:网页教学网 

网页制作Webjx文章简介:通过点击颜色块给网页更换自己喜欢的颜色。

通过点击颜色块给网页更换自己喜欢的颜色。
代码如下:

<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>

更多