📄 dttimecontrol.htm

📁 网页颜色渐变,可实现网页中背景色的渐变效果
💻 HTM
字号:
<html>
  <head>
    <title> dttimercontrol </title>
    <script language="javascript">
      <!--
          function init(){
             for (i=1;i<5;i++)
               settimeout("start("i++")",100)
          }
          function start(i){
             obj=eval("div"+i)
             if(obj.filters.item(0).transition ==23
                obj.filters.item(0).transition=1)
             else
                {
                obj.filters.item(0).transition++
                 obj.filters.itme(0).apply()
                 }                
                if (obj.innertext=="a"){
                   obj.style.backgroundcolor ="green"
                   obj.innertext="b"
         }
         else {
             obj.innertext="a"
             obj.style.backgroundcolor="blue"
         }
         obj.fitlers.item(0).play()
       }
       function done(i){
           start(i)
       }
       function update time(){
          screen.updateinterval=speed.value
       }
      -->
    </script>
  </head>
  <body onload="init()">
       <span
            style="position:absolute;top:140;left:20;width:400;text-align:center;
            font-size:12pt">
       <p>输入新的时间间隔。<br>
       <input id="speed" onchange="updatetime()" size="20">
       </span>
       </p>
       <div id="div1"
            style="position:absolute;top:20;left:20;width:100;height:100;
            font-size:100;text-align:center;background-color:blue;
            filter:revealtrans(transiton=1,duration=1.5)"
            onfilterchange="done(1)">
       <p>A</p>
       </div>
       <div id="div2"
           style="position:absolute;top:20;left:140;width:100;height:100;font-size:
           100;text-align:center;background-color:blue;
           filter:revealtrans(transition=2,duration=1.5)"
           onfilterchange="done(2)">
       <p>A</p>
       </div>
       <div id="div3"
          style="position:absolute;top:20;left:260;width:100;height:100;font-
          size:100;text-align:center;background-color:blue;
          filter:revealtrans(transition=3,duration=1.5)"
          onfilterchange="done(3)">
       <p>A</p>
       </div>
       <div id="div4"
          style="position:absolute;top:20;left:380;width:100;height:100;font-
           size:100;text-align:center;background-color:blue;
         filter:revealtrans(transition=4,duration=1.5)"
          onfilterchange="done(4)">
        <p>A</p>
        </div>
     </body>
  </html>
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -