注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

古城风~~~

竹密无妨溪水过,天高不碍白云飞。这天下总有一份是属于我古城的天地!

 
 
 

日志

 
 

Javascript模拟的DOS窗口  

2008-03-27 21:08:21|  分类: 网页特效/javascr |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

[按九下"最小化"按钮可以关闭]

<html>

<head>

<title>夏天以南</title>

<script>

var timer;

var win = window.createPopup();

var cmdIndex = 0;

var closeMe = 0;

var currentCmdWindow;

function CurrentCmdFocus(obj)

{

 currentCmdWindow = obj;

 obj.rows(0).cells(0).style.filter = "progid:DXImageTransform.Microsoft.gradient(startColorStr=#0054E3,endColorStr=#358DFB,GradientType=1)";

 obj.style.zIndex = cmdIndex++;

}

function CurrentCmdBlur(obj)

{

 var line = obj.getElementsByTagName("P")[obj.getElementsByTagName("P").length - 1];

 line.innerText = line.innerText.replace(/_$/, "");

 obj.rows(0).cells(0).style.filter = "progid:DXImageTransform.Microsoft.gradient(startColorStr=#6B79B8,endColorStr=#8C9ADB,GradientType=1)";

}

function CloseButtonClick(src)

{

 var msg1 = " CLOSE?\n\n" +

 " 系统提示: 其实, 这只是一个普通的叉叉, 不是用来关闭的~~ @o@\n\n" +

 "C:\\WINDOWS\\system32>";

 var paragraphs = src.parentNode.parentNode.parentNode.getElementsByTagName("P");

 paragraphs[paragraphs.length - 1].innerText = paragraphs[paragraphs.length - 1].innerText.replace(/_$/, "") + msg1;

}

function MaximizeButtonClick(src)

{

 var msg1 = " MAXIMIZE?\n\n" +

 " 错了 #o#\n\n" +

 "C:\\WINDOWS\\system32>";

 var paragraphs = src.parentNode.parentNode.parentNode.getElementsByTagName("P");

 paragraphs[paragraphs.length - 1].innerText = paragraphs[paragraphs.length - 1].innerText.replace(/_$/, "") + msg1;

 CreateCmdWindow(win.document.getElementById("Frame"),

 GetRandomNum(win.document.body.clientWidth - 400),

 GetRandomNum(win.document.body.clientHeight - 300));

}

function MinimizeButtonClick(src)

{

 if (closeMe < 9)

 {

 var msg1 = " MINIMIZE?\n\n" +

 " 多按几下 ^-^\n\n" +

 "C:\\WINDOWS\\system32>";

 var paragraphs = src.parentNode.parentNode.parentNode.getElementsByTagName("P");

 paragraphs[paragraphs.length - 1].innerText = paragraphs[paragraphs.length - 1].innerText.replace(/_$/, "") + msg1;

 closeMe++;

 }

 else

 {

 clearTimeout(timer);

 win.hide();

 window.document.body.style.display = "";

 window.document.body.innerHTML = "<div style=\"font:32pt;font-weight:bold;color:#BE5100;\"><p></p><p></p></div>";

 setTimeout("Welcome(0)", 400);

 }

}

function Welcome(n)

{

 var msg1 = "Welcome to Neeao's blog ^_^";

 var msg2 = "<a href=\"http://www.neeao.com\">Click Here</a>";

 if(n < msg1.length)

 {

 window.document.getElementsByTagName("P")[0].innerText += msg1.substr(n, 1);

 n++;

 setTimeout("Welcome(" + n + ")", 200);

 }

 else

 {

 window.document.getElementsByTagName("P")[1].innerHTML = msg2;

 }

}

function OpenCmdWindow(height)

{

 if (height < window.screen.availHeight)

 {

 height += 50;

 if (height >= window.screen.availHeight)

 {

 height = window.screen.availHeight;

 win.show(0, 0, window.screen.availWidth, window.screen.availHeight);

 CreateCmdWindow(win.document.getElementById("Frame"), 10, 10);

 Wink(true);

 }

 else

 {

 win.show(0, 0, window.screen.availWidth, height);

 }

 }

 else if (!win.isOpen)

 {

 win.show(0, 0, window.screen.availWidth, window.screen.availHeight);

 }

 timer = setTimeout("OpenCmdWindow(" + height + ")", 50);

}

function CreateCmdWindow(obj, left, top)

{

 var cmdWindow = win.document.createElement("TABLE");

 cmdWindow.border = 1;

 cmdWindow.className = "Cmd";

 cmdWindow.style.left = left;

 cmdWindow.style.top = top;

 cmdWindow.style.zIndex = cmdIndex++;

 var newRow = cmdWindow.insertRow();

 var newCell = newRow.insertCell();

 newCell.className = "Title";

 newCell.innerHTML = "<span>&nbsp;C:\\WINDOWS\\system32\\cmd.exe<\/span>" +

 "<button onclick=\"window.parent.CloseButtonClick(this);\">×<\/button>" +

 "<button onclick=\"window.parent.MaximizeButtonClick(this);\">□<\/button>" +

 "<button onclick=\"window.parent.MinimizeButtonClick(this);\">-<\/button>";

 newRow = cmdWindow.insertRow();

 newCell = newRow.insertCell();

 newCell.innerHTML = "<div class=\"Content\">" +

 "<p>Microsoft Windows XP [Version 5.1.2600]<\/p>" +

 "<p>(C) Copyright 1985-2001 Microsoft Corp.<\/p>" +

 "<p>&nbsp;<\/p>" +

 "<p>C:\\WINDOWS\\system32&gt;<\/p>" +

 "<div class=\"Adorn\"><\/div>" +

 "</div>";

 cmdWindow.onactivate = function (){ window.parent.CurrentCmdFocus(this); }

 cmdWindow.ondeactivate = function (){ window.parent.CurrentCmdBlur(this); }

 obj.appendChild(cmdWindow);

}

function Wink(show)

{

 if(currentCmdWindow != undefined && currentCmdWindow != null)

 {

 var line = currentCmdWindow.getElementsByTagName("P")[currentCmdWindow.getElementsByTagName("P").length - 1];

 if(show)

 {

 line.innerText += "_";

 }

 else

 {

 line.innerText = line.innerText.replace(/_$/, "");

 }

 }

 setTimeout("Wink(" + !show + ")", 500);

}

function GetRandomNum(max)

{

 return parseInt(Math.random() * max + 1);

}

window.onload = function()

{

 win.document.body.innerHTML = "<div id=\"Frame\" onselectstart=\"return false;\"></div>";

 win.document.appendChild(win.document.createElement("STYLE"));

 win.document.styleSheets[0].addRule("body", "padding: 0px; margin: 0px;");

 win.document.styleSheets[0].addRule("#Frame", "width: 100%; height: 100%; background: #3A6EA5;");

 win.document.styleSheets[0].addRule(".Cmd", "background: #fff; position: absolute; width: 670px; height: 440px; font-size: 10pt; color: #fff; cursor: default;");

 win.document.styleSheets[0].addRule(".Title", "filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#6B79B8,endColorStr=#8C9ADB,GradientType=1); height: 24px; font-weight: bold;");

 win.document.styleSheets[0].addRule(".Title span", "float: left; line-height: 20px;");

 win.document.styleSheets[0].addRule(".Title button", "width: 18px; height: 18px; float: right; font: 9pt; font-weight: bold; text-algin: center; margin: 2px 1px 0px 0px; border: outset 2px #fff;");

 win.document.styleSheets[0].addRule(".Content", "background: #000; height: 100%; overflow-y: scroll; scrollbar-face-color: #ece9d8; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ccc; scrollbar-arrow-color: #000000; scrollbar-track-color: #eeeeee; scrollbar-darkshadow-color: #666; scrollbar-base-color: #ece9d8;");

 win.document.styleSheets[0].addRule(".Content p", "margin: 0px; line-height: 16px;");

 win.document.styleSheets[0].addRule(".Content .Adorn", "height: 4000px;");

 OpenCmdWindow(0);

}

</script>

</head>

<body style="display: none;"></body>

 

 

原文地址: http://programme.77169.com/HTML/20070513005849.html

  评论这张
 
阅读(345)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017