⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 css滤镜实现各种效果.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
🔍 
<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>

⌨️ 快捷键说明

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