javascript实现仿网易
来源:互联网 发布:凯立德导航端口 编辑:程序博客网 时间:2024/05/16 06:04
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hello</title>
<meta name="author" content="年华@Master8.NET" />
<style>
body { background-color:#FFFFFF; margin:0;}
li,td,div,body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
</style>
</head>
<body>
<script type="text/javascript">//必须body中引用
var width=300;
var height=200;
var bgcolor="#EEEEEE";//半透明窗口背景色DivMid
var trans=90;
var body = document.body;
var bodyWidth = parseInt((body.scrollWidth<body.clientWidth)?body.clientWidth:body.scrollWidth);
var bodyHeight = body.clientWidth; parseInt((body.scrollHeight<body.clientHeight)?body.clientHeight:body.scrollHeight);
var clientWidth=body.clientWidth;
var clientHeight=body.clientHeight;
//开始创建DivTop 最上信息层
var DivTop = document.createElement("div");
with(DivTop.style)
{
display = "none";
zIndex = 3;
position = "absolute";
border = "0px";
}
DivTop.id = "Div3";
body.appendChild(DivTop);
DivTop.innerHTML = "<table cellspacing=/"0/" cellpadding=/"0/" style=/"width:"+width+"px;border:#0051E5 1px solid;background:#FFFFFF;/"><tr><td style=/"background:#0051E5;color:#FFFFFF;font-size:13px;height:18px;/"><span style=/"float:right/"><a href=/"javascript:Close();/" style=/"color:#FFFFFF;text-decoration:none;background:#CC4332;display:block;padding:1px;height:14px;width:14px;font-size:12px;overflow:hidden;/">×</a></span> 信 息 提 示</td></tr><tr><td style=/"line-height:180%;padding:2px;/"> Master8.NET</td></tr></table>";
//开始创建DivMid 中间半透明层
var DivMid = document.createElement("div");
with(DivMid.style)
{
display = "none";
zIndex = 2;
position = "absolute";
height = "100%";
width = "100%";
top = 0;
left = 0;
border = "0px";
backgroundColor = bgcolor;
}
DivMid.id = "Div2";
body.appendChild(DivMid);
function $(Id) { return document.getElementById(Id); }
function isIE()
{
return (document.all && window.ActiveXObject && !window.opera) ? true : false;
}
function center(win)//将主窗口置于网页正中
{
var s = parseInt(body.scrollTop + clientHeight/2 - height/2);
win.style.top = (s<body.scrollHeight-height)?s:body.scrollHeight;
var s = parseInt(body.scrollLeft + clientWidth/2 - width/2);
win.style.left = (s<body.scrollWidth-width)?s:body.scrollWidth;
}
function Open(){
with(body.style)//完全锁定背景层
{
width = clientWidth;
height = clientHeight;
overflow = "hidden";
}
with($('Div2').style)
{
width = bodyWidth;
height = bodyHeight;
overflow = "hidden";
display = "";
if (isIE()){
filter = " Alpha(Opacity="+trans+")";
}else{
opacity = trans/100;
}
}
with($('Div3').style)
{
display = "";
}
center($('Div3'));
}
function Close(){
with(body.style)
{
width = bodyWidth;
height = bodyHeight;
overflow = "auto";
}
with($('Div2').style)
{
display = "none";
}
with($('Div3').style)
{
display = "none";
}
}
Open();
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<p align="center"><a href="javascript:Open()">Click To Open</p>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
- javascript实现仿网易
- 仿网易彩票代码实现
- 纯javascript仿网易左右轮播图效果
- 仿网易、人人滑动界面的实现
- 仿网易选项卡的实现
- 仿网易云音乐部分UI实现
- 蜗牛—JavaScript学习之仿网易邮箱注册页面
- Asp.net仿网易网盘实现多文件上传
- iOS viewDeck和scrollView结合实现的侧滑栏(仿网易)
- 仿网易新闻广告启动页的实现
- Android仿网易客户端实现抽屉式拖拉菜单界面
- 仿网易ios滚动条控件的实现
- 仿网易客户端实现顶部导航效果(ViewPager+Fragment)
- 仿网易评论盖楼PHP+Mysql实现
- Android 仿网易新闻 ViewPager 实现图片自动轮播
- Android仿网易上下双导航简单实现
- Android实现仿网易首页选项卡动态滑动效果
- 仿网易新闻欢迎页”跳过“自定义View实现
- javascript实现层拖动(2)
- javascript实现层拖动(3)
- javascript验证数字
- 注入攻击(Injection Flaws)
- javascript调用webservice
- javascript实现仿网易
- J2EE总体的学习计划
- LivaPlayer正式挂入SF.NET[00原创]
- Struts+ejb知识点
- Javascript中最常用的55个经典技巧
- orcal数据类型转换
- (转)我的创业日记
- Socket编程
- 关于SIP的源码地址