📄 dttimecontrol.htm

📁 CSS样式表的入门教程,内容详尽,值得参考,CSS网页特效

💻 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.item(0).Apply()
                               
                if (obj.innerText=="A"){
                   obj.style.backgroundColor ="green"
                   obj.innerText="B"
         }
         else {
             obj.innerText="A"
             obj.style.backgroundColor="red"
         }
         obj.filters.item(0).Play()
       }
       function done(i){
           start(i)
       }
       function updateTime(){
          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(transition=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 + -