设为首页设为首页
 添加收藏添加收藏
 进入音乐版音 乐 版
  汉南在线网页设计JavaScript脚本

JS实现网页中淡入淡出效果
作  者:匿名
关键字:JavaScript



JS实现网页中淡入淡出效果

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title></title>
</head>

<body>
<div style="background:#000099;width:230;height:180;filter:alpha(opacity=0);" id="ddd"></div>
<script language="JavaScript" type="text/javascript">
var isie = navigator.appName == "Microsoft Internet Explorer";
var d = document.getElementById("ddd");
var num = 0;

function fade(t)
{
 if(d.style.display!='BLOCK')d.style.display='block';
 t == "in" ? num+=5 : num-=5;if(num<0||num>100){if(num<0)d.style.display='none';return;}isie ? d.style.filter="alpha(opacity="+num+");" : d.style.opacity=num/100;
 clearTimeout(window.timer);
 window.timer = setTimeout("fade('"+t+"');",50);
}
</script>
<br>
<br>
<input type="button" name="Submit" value="fadeIn" onClick="fade('in');">
<input type="button" name="Submit2" value="fadeOut" onClick="fade('out');">
</body>
</html>



来源:网络
阅读:38
日期:2008-11-19

【 双击滚屏 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:JS实现网页中层的旋转
下一篇:硬盘安装Win 2008 32/64位的方法

  >> 相关文章
 
  ·JS实现网页中层的旋转
  ·JS实现网页中层的拖动(支持FireFox)
  ·表单验证方式的通用化
  ·通用化Web表单验证方式的改进方案
  ·Web设计中如何使用XML数据
  ·在XHTML 1.1中实现target="_blank"新窗口打开页面
  ·JS中字符串比较用equals()的方法
  ·HTML代码过滤工具
授权使用:汉南在线 http://www.hzwz.net/(2008-2009)   
Copyright (c) 2002-2007 汉南在线. All Rights Reserved . 
经营许可证:陕ICP备05000109号 Powered by:汉南在线