Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场5楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

【前端】js点击变红变绿

发布时间:2018-07-20T10:38:19

代码如下
1.html代码

        <div id="head">

                <div id="one"></div>

        </div>

2.css代码

        *{

            padding: 0px;

            margin:0px;

          }

        #head{

            position:relative;

            width: 200px;

            height: 200px;

            }

        #one{

            width: 200px;

            height: 200px;

            background-color: red;

            }

        #two{

            width: 200px;

            height: 200px;

            background-color: green;;

            }

3.js代码

        var head =document.getElementById('head');

        var one =document.getElementById('one');

        var two =document.getElementById('two');

        var i=0;

        one.onclick =function(){

            if (i==0) {

            one.style.background="green"

            i=1;

            }else{

            one.style.background="red"

            i=0;

            }

        }

  

    远近互联技术小向整理发布,希望能对同是技术的你有所帮助。

    远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447