添加收藏
 系统管理
 联系方式
  汉南在线网页设计HTML/CSS

用CSS滤镜打开图片的各种效果
作  者:匿名
关键字:CSS、DIV



<!-- 把如下代码加入<body>区域中 -->
<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>
<img src="/200711/200851212614346.gif" border=0 id="image1"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
     

      <img src="/200711/200851212616919.gif" border=0 id="image2"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
     
  <img src="/200711/200851212616996.gif" border=0 id="image3"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
     

      <img src="/200711/200851212616506.gif" border=0 id="image4"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">
     
  <img src="/200711/200851212614346.gif" border=0 id="image5"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
     

      <img src="/200711/200851212616919.gif" border=0 id="image6"
style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=22);" width="468" height="60" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">



来源:网络
阅读:28
日期:2008-5-12

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:网页教学网构建DIV+CSS网页菜单代码(8)
下一篇:用点击来改变文字或者图片的CSS属性

  >> 相关文章
 
  ·网页教学网构建DIV+CSS网页菜单代码(8)
  ·标准的选项卡代码特效
  ·DIV在3秒后自动向右上角缩小并且消失
  ·鼠标经过列表显示小图的列表特效代码
  ·仿windows选项卡特效1
  ·仿windows选项卡特效2
  ·仿windows选项卡特效3
  ·仿windows选项卡特效4

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 网站建设 | BT电影下载 | 汉南在线博客 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线  
Copyright (c) 2002-2008 汉南在线. All Rights Reserved .