📄 dtfilter.htm

📁 网页颜色渐变,可实现网页中背景色的渐变效果

💻 HTM

字号:

<html>
  <head>
    <title>dt filter</title>
    <script language="javascript">
      <!--
        function setfilter(){
           myimage.filters.alpha.opacity=document.forms(0).opacity.value
           myimage.filters.alpha.finishopacity=document.forms(0).finishopacity.value
           myimage.filters.alpha.style=document.forms(0).setstyle.value
        }
      -->
    </script>
  </head>

 <body onload="setfilter()">
     <div id="mydiv">
        <pre style="color:red;font-size:12px">
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
         金洪恩有限公司，金洪恩有限公司，
        </pre>
     </div>
     <p>
        <img id="myimage" src="ss07075.jpg"
        style="filter:alpha();position:absolute;top:10;left:0;">
     </p>
     <div style="position:absolute;left:10;top:200;width:250">
        <p>单击图片以外的任何地方使改变的值生效。</p>
        <form>
        <p>输入透明度
        <input name="opacity" size="3" value="100" onchange="setfilter()"><br>
         输入结束状态的透明度
        <input name="finishopacity" size="3" value="0"
        onchange="setfilter()"><br>
        键入样式的值
        <input name="setstyle" size="3" value="0" onchange="setfilter()"><br>
        </P>
        </form>
     </div>
     </body>
 </html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -