css滤镜实现各种效果.txt

来自「网页特效的代码,在美化网页时有很大的作用」· 文本 代码 · 共 158 行

TXT
158 行
字号 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>CSS滤镜实现的各种效果</title>
<style type="text/css">
<!--
body,td,th {
	font-size: 12px;
}
-->
</style></head>

<body bgcolor="#009900" text="#ffffff">



刷新看看 [F5]
<table width="700" border="3" cellpadding="6" cellspacing="6" bordercolor="#999999">
  <tr>
  <td align="center" width="140" height="30">图片显示方式</td><td align="center">所对应的代码</td>
  </tr>
  <tr>
    <td width="140" height="105"><img src="images/e1.jpg" border=0 id="image1" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105"> </td>
    <td><p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
      image1.filters.item(0).apply()<br>
      image1.filters.item(0).transition = 10<br>
    image1.Style.visibility = &quot;&quot;</p>
      <p>&lt;/script&gt;</p>
    <p>&lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image1&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt;</p></td>
  </tr>
  
    <tr>
    <td width="140" height="105">
	      <img src="images/e1.jpg" border=0 id="image2" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105"> 
	
	 </td>
    <td><p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
        <br>
image2.filters.item(0).apply()<br>
image2.filters.item(0).transition = 11<br>
image2.Style.visibility = &quot;&quot;<br>
image2.filters(0).play(2.0)<br>
<br>
&lt;/script&gt;</p>
      <p> &lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image2&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt; <br>	
          </p></td>
  </tr>
  
    <tr>
    <td width="140" height="105">
	      <img src="images/e1.jpg" border=0 id="image3" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="140" height="105"> 
	
	 </td>
    <td><p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
        <br>
image3.filters.item(0).apply()<br>
image3.filters.item(0).transition = 12<br>
image3.Style.visibility = &quot;&quot;<br>
image3.filters(0).play(2.0)<br>
<br>
&lt;/script&gt;	</p>
      <p> &lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image3&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt; </p></td>
  </tr>
  
    <tr>
    <td width="140" height="105">
	      <img src="images/e1.jpg" border=0 id="image4" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105"> 
	
	 </td>
    <td><p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
        <br>
image4.filters.item(0).apply()<br>
image4.filters.item(0).transition = 13<br>
image4.Style.visibility = &quot;&quot;<br>
image4.filters(0).play(2.0)<br>
<br>
&lt;/script&gt;	</p>
      <p> &lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image4&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt; </p></td>
  </tr>
  
    <tr>
    <td width="140" height="105">
	      <img src="images/e1.jpg" border=0 id="image5" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105"> 
	
	 </td>
    <td><p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
        <br>
image5.filters.item(0).apply()<br>
image5.filters.item(0).transition = 14<br>
image5.Style.visibility = &quot;&quot;<br>
image5.filters(0).play(2.0)<br>
<br>
&lt;/script&gt;	</p>
      <p> &lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image6&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt;</p></td>
  </tr>
  
    <tr>
    <td width="140" height="105">
	<img src="images/e1.jpg" border=0 id="image6" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="140" height="105">
	
	 </td>
    <td>
	  <p>&lt;script for=window event=onLoad language=vbscript&gt;<br>
	    image6.filters.item(0).apply()<br>
	    image6.filters.item(0).transition = 15<br>
	    image6.Style.visibility = &quot;&quot;<br>
	    image6.filters(0).play(2.0)<br>
  &lt;/script&gt;	</p>
	  <p>&lt;img src=&quot;images/e1.jpg&quot; border=0 id=&quot;image6&quot; style=&quot;visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);&quot; width=&quot;140&quot; height=&quot;105&quot;&gt;</p></td>
  </tr>
  
  
</table>
<p>&nbsp;</p>
<p><br>
  <script for=window event=onLoad language=vbscript>
	image1.filters.item(0).apply()
	image1.filters.item(0).transition = 10
	image1.Style.visibility = ""
	image1.filters(0).play(2.0)
	image2.filters.item(0).apply()
	image2.filters.item(0).transition = 11
	image2.Style.visibility = ""
	image2.filters(0).play(2.0)
	image3.filters.item(0).apply()
	image3.filters.item(0).transition = 12
	image3.Style.visibility = ""
	image3.filters(0).play(2.0)
	image4.filters.item(0).apply()
	image4.filters.item(0).transition = 13
	image4.Style.visibility = ""
	image4.filters(0).play(2.0)
	image5.filters.item(0).apply()
	image5.filters.item(0).transition = 14
	image5.Style.visibility = ""
	image5.filters(0).play(2.0)
	image6.filters.item(0).apply()
	image6.filters.item(0).transition = 15
	image6.Style.visibility = ""
	image6.filters(0).play(2.0)
  </script>
  
      <br>

      <br>  

      <br>

      <br>  

      <br>
      

</p>
</body>

</html>

css滤镜实现各种效果.txt - 源码说明

本页面展示了「网页特效的代码,在美化网页时有很大的作用」中的 css滤镜实现各种效果.txt 源码文件，采用 文本 编程语言编写，共 158 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与页相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

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