javascript实现仿网易

转载 2007年09月15日 08:52:00

<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>
 

lineayout实现仿网易楼层

  • 2015年05月08日 17:13
  • 2.2MB
  • 下载

仿网易ios滚动条控件的实现

  • 2015年03月26日 14:46
  • 40KB
  • 下载

仿网易评论盖楼PHP+Mysql实现

大家可能都看过网易评论的那种盖楼式的引用,这边文章就用php和mysql来实现这种效果。 先设计数据表来存放评论数据: DROP TABLE IF EXISTS `comment`; CR...
  • KZWRCOM
  • KZWRCOM
  • 2015年11月25日 12:33
  • 1491

关于Frangment 的实现 仿网易

  • 2015年10月09日 15:15
  • 941KB
  • 下载

Drawerlayout实现仿网易客户端抽屉

  • 2014年11月25日 10:29
  • 1.51MB
  • 下载

Android仿网易客户端实现抽屉式拖拉菜单界面

前面有写过一篇文章使用DrawerLayout实现Android仿网易客户端抽屉模式,昨天从群里看一哥们问抽屉式拖拉,从主界面的下方出现,而使用DrawerLayout实现的是覆盖掉主界面,今天我们就...

仿网易上下双导航简单实现

  • 2016年03月10日 17:10
  • 10.64MB
  • 下载

新闻的离线下载功能仿网易之(一) 基本功能实现

首先说一下这个功能的功能点 第一点,像网易新闻一样,用户在登录和未登录情况下都可以离线下载新闻。 第二点,用户的离线下载最多固定10个频道,每个频道的第一页。 第三点,用户下载后的新闻在无网情况...

仿网易的滑动门技术DIV+CSS实现

  • 2010年06月11日 10:52
  • 1KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript实现仿网易
举报原因:
原因补充:

(最多只允许输入30个字)