A JavaScript Fancier

伟大的javascript技术研究中...

IT博客 :: 首页 :: 新随笔 :: 联系 :: 聚合

:: 管理 ::

304 随笔 :: 0 文章 :: 479 评论 :: 0 Trackbacks

2007年5月

日

一

二

三

四

五

六

公告

本blog为作者本人学习JS脚本所用，未经特别声明，本站所有文章均属作者本人原创，请转载时注明来源！谢谢合作！同时希望与各位javascript爱好者交流学习。MSN:yanwei8410@hotmail.com

常用链接

留言簿(26)

随笔分类

随笔档案

Ajax技术站点

javascript学习站点

JS高人Blog

Ruby&&Ajax框架

Web技术站点

搜索

积分与排名

积分 - 883199
排名 - 2

阅读排行榜

评论排行榜

仿网易“邮箱克隆”弹出窗口效果

一直使用发现163的邮箱中ajax应用相当完美，特别是邮箱克隆中弹出窗口效果，简直就是模拟软件，很酷！可不知道代码是怎么写的，没来得及研究。今天偶然在javascript论坛看到有人贴出了代码，便收藏了。

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>弹出特效</title> 
</head> 
<script> 
var falpha=0;
function fchange(){
if(falpha!=90){
    table1.style.filter="alpha(opacity="+falpha+")";
    falpha=falpha+10;
    setTimeout("fchange()",200)
}else{ 
    falpha=0;
  }
}
function sss(){
    table1.style.height=(window.document.body.clientHeight>window.document.body.scrollHeight)?window.document.body.clientHeight:window.document.body.scrollHeight;
    table1.style.width="100%";
    table1.style.display='block';
    table2.style.left=window.document.body.scrollWidth/2-100;
    table2.style.top=window.document.body.offsetHeight/2-100; 
    table2.style.display='block';
    fchange();
}

function freset(){
table1.style.display='none'
table2.style.display='none'
}

</script> 
<body topmargin=0 leftmargin=0 bgcolor=yellow style="display:block;"> 
<table id="table1" style="background:#FFFFFF;display:none;position:absolute;z-index:1;filter:alpha(opacity=90)" oncontextmenu="return false"> 
<tr width=100% height=100%> 
<td>

</table>

</body> 
</html>

其基本思想是：
设定一个表格a1，并且z-index为1，并且为绝对定位。开始把其display设为none，然后设定一个隐藏的模拟的弹出窗口a2，z-index为2,显示属性设为none，在页面中添加一个按钮激活事件，然后把a1的display设为block,宽高都设为100％,并调节其透明度；因为display＝block,z-index=1这样它就覆盖了原页面的内容使其不能编辑。点击模拟窗口中按钮激活复原属性，把a1,a2显示都设为none.

posted on 2006-06-17 00:52 Yemoo'S JS Blog 阅读(1473) 评论(0) 编辑收藏引用所属分类: javascript代码研究

只有注册用户登录后才能发表评论。

51La