📄 door.htm

📁 directshow video 摄像捕捉
💻 HTM
📖 第 1 页 / 共 2 页
字号:
12 下一页
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>URANUS:m:door:null</title>

<script language="javascript1.2">
<!--
/* Code by Bill SerGio */
img1=new Image()
img1.src="quit_up.gif"
img2=new Image()
img2.src="quit_down.gif"
function dragimage(){window.location.href ="EVENT:DRAG";}
//-->
</script>

<SCRIPT language=JavaScript>
   // external events
   function sendExternalEvent(eventName)
   {		
    window.location.href = eventName;
   } 
</SCRIPT>

<script language=javascript>
// browser/version detect
var NS = (navigator.appName == "Netscape") ? true : false;
var count = 0;
var keepGoing = true;
var stopDoors = false;


close_img1=new Image()
close_img1.src="z_close_up.gif"
close_img2=new Image()
close_img2.src="z_close_dn.gif"

reset_img1=new Image()
reset_img1.src="reset_up.gif"
reset_img2=new Image()
reset_img2.src="reset_dn.gif"

// variable definition

var animInterval;
var doorInterval;
var testInterval;
var gearDoneInterval;

var topStop = -144;
var bottomStop = 235;
var currentTop = 0;
var currentBottom = 67;

// precache doors so the user doesn't see
// the base content first!

var loadUpperDoor = new Image(300,132);
var loadLowerDoor = new Image(300,138);
loadUpperDoor.src = "top_door.gif";
loadLowerDoor.src = "bottom_door.gif";

gearArray = new Array();
gearImgs = new Array(
"gear01.gif",
"gear02.gif",
"gear03.gif",
"gear04.gif",
"gear05.gif",
"gear06.gif",
"gear07.gif",
"gear08.gif",
"gear_lock.gif"
);

// load the gear images for animation

for(i = 0; i < gearImgs.length; i ++){
	gearArray[i] = new Image(83,88);
	gearArray[i].src = gearImgs[i];
}
// make sure the test doors are loaded befre animating them

function testDoors(){
	if(loadUpperDoor.complete && loadLowerDoor.complete){
		testInterval = setInterval("animateGear()",1000);
	} else {
		testDoors();
	}
}

// gear animation - unlock the doors!

function animateGear(){
	if(testInterval){
		clearInterval(testInterval);
	}
	if(keepGoing){
		if(NS){
			document.Gear.document.gearlock.src = gearArray[count].src;
		} else {
			document.all.Gear.document.gearlock.src = gearArray[count].src;
		}
		count ++;
		if(count == 9){
			keepGoing = false;
		}
		if(animInterval){
			clearInterval(animInterval);
		}
		animInterval = setInterval("animateGear()",15);
	} else {
		clearInterval(animInterval);
		if(NS){
			document.myAd.visibility = "hidden";
		} else {
			document.all.myAd.style.visibility = "hidden";
		}
		gearDoneInterval = setInterval("openDoors()",800);
	}
}

// doors unlocked - open!

function openDoors(){
	if(gearDoneInterval){	
		clearInterval(gearDoneInterval);
	}
	currentTop -= 4;
	currentBottom += 4;	
	if(doorInterval){
		clearInterval(doorInterval);		
	}
	moveTop();
	moveBottom();
	if((currentTop > topStop) || (currentBottom < bottomStop)){
		doorInterval = setInterval("openDoors()",5);
	}else{
		if(NS) {
			document.myAd.visibility = "visible";
			document.reload.visibility = "visible";
		} else {
			document.all.myAd.style.visibility = "visible";
			document.all.reload.style.visibility = "visible";
		}
	}
}

// animation for moving the top door

function moveTop(){
	if(NS){
		document.topDoor.moveTo(0,currentTop);
	} else {
		document.all.topDoor.style.pixelTop = currentTop;
	}
}

// animation for moving the bottom door

function moveBottom(){
	if(NS){
		document.Gear.moveTo(106,currentBottom);
		document.lowDoor.moveTo(0,document.lowDoor.top + 4);
	} else {
		document.all.Gear.style.pixelTop = currentBottom;
		document.all.lowDoor.style.pixelTop += 4;
	}
}
</script>
</head>
<body text="#FFFFFF" bgcolor="#000000" onLoad="testDoors()" oncontextmenu="return false">

<div id="skin" style="position:absolute; width:400; height:432; z-index:7; border: 0px none #000000; left: 39; top:32">

<div id="zhide" style="BORDER-RIGHT: #000000 
0px; BORDER-TOP: #000000 0px; Z-INDEX: 24; BORDER-LEFT:  #000000 0px; WIDTH: 72px; 
BORDER-BOTTOM: #000000 0px; POSITION: absolute; TOP: -8px; LEFT: 301px; HEIGHT: 22px" overflow="hidden">
<a href="EVENT:HIDE"
 onmouseover="document.images['btn_close'].src=close_img2.src"
 onmouseout="document.images['btn_close'].src=close_img1.src"
 onmousedown="document.images['btn_close'].src=close_img2.src"
 onmouseup="document.images['btn_close'].src=close_img1.src"><img
 src="z_close_up.gif" name="btn_close" border="0" alt="" width="20"
 height="18" hspace="0" vspace="0" align="top"></a></div>
 
 
 
 <div id="zreset" style="BORDER-RIGHT: #000000 
0px; BORDER-TOP: #000000 0px; Z-INDEX: 24; BORDER-LEFT:  #000000 0px; WIDTH: 72px; 
BORDER-BOTTOM: #000000 0px; POSITION: absolute; TOP: 192px; LEFT: 295px; HEIGHT: 22px" overflow="hidden">
<a href="javascript:sendExternalEvent('EVENT:HIDEVIDEO');javascript:location.reload(true);"  
 onmouseover="document.images['btn_reset'].src=reset_img2.src"
 onmouseout="document.images['btn_reset'].src=reset_img1.src"
 onmousedown="document.images['btn_reset'].src=reset_img2.src"
 onmouseup="document.images['btn_reset'].src=reset_img1.src"><img
 src="reset_up.gif" name="btn_reset" border="0" alt="" width="20"
 height="18" hspace="0" vspace="0" align="top"></a></div>
 


<div id="topDoor" style="position:absolute; width:300; height:132; z-index:3; border: 0px none #000000; left: 0; top: 0">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="300" >
<tr>
<td><img SRC="top_door.gif" NAME="upperDoor" height=132 width=300></td>
</tr>
</table>
</div>

<div id="lowDoor" style="position:absolute; width:300; height:138; z-index:3; left: 0px; top: 94px; border: 0px none #000000">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="300" >
<tr>
<td><img SRC="bottom_door.gif" NAME="lowerDoor" height=138 width=300></td>
</tr>
</table>
</div>

<div id="Gear" style="position:absolute; width:83; height:88; z-index:4; top: 67px; left: 106px">
<table BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH="83" >
<tr>
<td><img SRC="gear01.gif" NAME="gearlock" height=88 width=83></td>
</tr>
</table>
</div>




<div id="border" style="position:absolute; width:400; height:425; z-index:12; top: -21px; left: -24px; visibility: visible">

<!-------------------------- BEGIN COPYING THE HTML ---------------------------->

<table border="0" cellpadding="0" cellspacing="0" width="500" onMousedown="dragimage()">
  <tr>
   <td><img src="spacer.gif" width="5" height="1" border="0"></td>
   <td><img src="spacer.gif" width="10" height="1" border="0"></td>
12 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -