论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

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

文章类别:Javascript | 发表日期:2012-6-30 9:59:37

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>
视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058