JS技术

Javascript教程:通过鼠标点击改换网页颜色_Javascript教程

字号+ 作者:H5之家 来源:H5之家 2015-09-15 18:02 我要评论( )

Javascript教程:通过鼠标点击改换网页颜色,学习Javascript教程:通过鼠标点击改换网页颜色,Javascript教程:通过鼠标点击改换网页颜色,查看Javascript教程:通过鼠

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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • JavaScript入门教程(二)_javascript教程教程

    JavaScript入门教程(二)_javascript教程教程

    2015-10-10 14:25

  • JavaScript入门教程(五)_javascript教程教程

    JavaScript入门教程(五)_javascript教程教程

    2015-10-10 14:21

  • JavaScript入门教程(四)_javascript教程教程

    JavaScript入门教程(四)_javascript教程教程

    2015-10-10 14:19

  • JavaScript入门教程(三)_javascript教程教程

    JavaScript入门教程(三)_javascript教程教程

    2015-10-10 14:17

网友点评