zoukankan      html  css  js  c++  java
  • html5 javascript 事件练习1

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>js练习-变化的颜色</title>
        <style type="text/css">

    #div1{
    margin: 15px auto;
    margin-top: 200px;
    background: orange;
    200px;
    height: 200px;
    border-radius: 200px;
     }
    </style>
    </head>

    <body>
        <div id="div1"></div>

    <script>
    var dd=document.getElementById('div1');
    dd.onclick=houzi1;


    function houzi1(){
        dd.style.background='red';
        // dd.onclick=houzi2;
        setTimeout('houzi2()',500);
    }

    function houzi2(){
        dd.style.background='orange';
        // dd.onclick=houzi3;
        setTimeout('houzi3()',500);
    }
    function houzi3() {
        dd.style.background='blue';
        // dd.onclick=houzi1;
        setTimeout('houzi2()',500);
    }
    </script>

    </body>
    </html>

    天道酬勤,厚积薄发。 君子之行,静以修身,俭以养德。 非淡泊无以明志,非宁静无以致远。 如有恒,何须三更起,半夜眠;最怕莫,三天打鱼两天晒网,竹篮打水一场空。
  • 相关阅读:
    2011 ACM-ICPC 成都赛区解题报告(转)
    Subarray Sorting (线段树)
    sample
    gamma correction / /alpha blend
    mipmap
    antialiasing
    汇编指令
    zfighting 的问题
    勉励自己
    Ambient Occulution
  • 原文地址:https://www.cnblogs.com/houweidong/p/9358265.html
Copyright © 2011-2022 走看看