Skip to content
Permalink
main
Switch branches/tags

web-hack-mirror/mirror/1999/05/03/www.1688.com-2/backup.html

Go to file
 
 
Cannot retrieve contributors at this time
416 lines (384 sloc) 17.7 KB
Raw Blame
Open in GitHub Desktop
<html>
<head>
<meta http-equiv="Reply-to" content="INFO@1688.COM">
<meta name="AUTHOR" content="JERRY@1688.COM">
<meta name="Copyright" content="1997, 1998 1688 PRODUCTIONS">
<meta name="Description"
content="As Internet Service Provider we offers: Dial-up Accounts,ADSL, Broadband, xDSL, SDSL, IDSL, Digital Subscriver line, Fast internet access Highspeed (modem, ISDN, T1, T3) Access, Webhosting, Dedicated Access, Co-location">
<meta name="Distribution" content="Global">
<meta name="KeyWords"
content="access, california, connect, design, development, DSL, XDSL, IDSL, ADSL, Digital Subscriver line, cgi, frontpage, ie, internet, isp, java, javascript, netscape, perl, presence, provider, secure, service, solution, sp, solution, total, unix, unlimited, url, webhosting">
<meta name="Rating" content="EXCELLENT">
<meta name="Resource-type" content="Document">
<title>1688 Productions</title>
<style type="text/css">
#smallLayer {position: absolute; visibility: hidden; z-index: 10;}
#bigLayer {position: absolute; visibility: hidden; z-index: 5;}
</style>
</head>
<script language="JavaScript">
<!-- hide from JavaScript-challenged browsers
function openWindow() {
popupWin = window.open('http://www.1688.com/welcome.htm', 'remote', 'menubar,location,width=680,height=445,top=10')
}
// done hiding -->
</script>
<script language="JavaScript">
<!--
function MM_initTimelines() {
//MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
var ns = navigator.appName == "Netscape";
document.MM_Time = new Array(1);
document.MM_Time[0] = new Array(5);
document.MM_Time["Timeline1"] = document.MM_Time[0];
document.MM_Time[0].MM_Name = "Timeline1";
document.MM_Time[0].fps = 15;
document.MM_Time[0][0] = new String("sprite");
document.MM_Time[0][0].slot = 1;
if (ns)
document.MM_Time[0][0].obj = document.Layer2;
else
document.MM_Time[0][0].obj = document.all ? document.all["Layer2"] : null;
document.MM_Time[0][0].keyFrames = new Array(1, 16);
document.MM_Time[0][0].values = new Array(3);
document.MM_Time[0][0].values[0] = new Array(906,860,814,768,721,675,629,583,537,491,445,399,352,306,260,214);
document.MM_Time[0][0].values[0].prop = "left";
document.MM_Time[0][0].values[1] = new Array(106,106,106,106,106,106,106,106,106,106,106,106,106,106,106,106);
document.MM_Time[0][0].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][0].values[0].prop2 = "style";
document.MM_Time[0][0].values[1].prop2 = "style";
}
document.MM_Time[0][0].values[2] = new Array(82,82,82,82,82,82,82,82,82,82,82,82,82,82,82,82);
document.MM_Time[0][0].values[2].prop = "height";
if (!ns)
document.MM_Time[0][0].values[2].prop2 = "style";
document.MM_Time[0][1] = new String("sprite");
document.MM_Time[0][1].slot = 2;
if (ns)
document.MM_Time[0][1].obj = document.Layer3;
else
document.MM_Time[0][1].obj = document.all ? document.all["Layer3"] : null;
document.MM_Time[0][1].keyFrames = new Array(16, 35);
document.MM_Time[0][1].values = new Array(2);
document.MM_Time[0][1].values[0] = new Array(1078,1033,987,942,896,851,805,760,714,669,623,578,532,487,441,396,350,305,259,214);
document.MM_Time[0][1].values[0].prop = "left";
document.MM_Time[0][1].values[1] = new Array(104,104,104,104,104,105,105,105,105,105,105,105,105,105,105,106,106,106,106,106);
document.MM_Time[0][1].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][1].values[0].prop2 = "style";
document.MM_Time[0][1].values[1].prop2 = "style";
}
document.MM_Time[0][2] = new String("sprite");
document.MM_Time[0][2].slot = 3;
if (ns)
document.MM_Time[0][2].obj = document.Layer2;
else
document.MM_Time[0][2].obj = document.all ? document.all["Layer2"] : null;
document.MM_Time[0][2].keyFrames = new Array(28, 40);
document.MM_Time[0][2].values = new Array(2);
document.MM_Time[0][2].values[0] = new Array(168,121,74,27,-20,-67,-114,-160,-207,-254,-301,-348,-395);
document.MM_Time[0][2].values[0].prop = "left";
document.MM_Time[0][2].values[1] = new Array(105,105,105,105,105,105,106,106,106,106,106,106,106);
document.MM_Time[0][2].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][2].values[0].prop2 = "style";
document.MM_Time[0][2].values[1].prop2 = "style";
}
document.MM_Time[0][3] = new String("sprite");
document.MM_Time[0][3].slot = 1;
if (ns)
document.MM_Time[0][3].obj = document.Layer1;
else
document.MM_Time[0][3].obj = document.all ? document.all["Layer1"] : null;
document.MM_Time[0][3].keyFrames = new Array(43, 60);
document.MM_Time[0][3].values = new Array(2);
document.MM_Time[0][3].values[0] = new Array(88,88,88,88,88,88,88,88,88,88,88,88,88,88,88,88,88,88);
document.MM_Time[0][3].values[0].prop = "left";
document.MM_Time[0][3].values[1] = new Array(528,503,478,453,428,403,378,353,328,303,278,253,228,203,178,153,128,103);
document.MM_Time[0][3].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][3].values[0].prop2 = "style";
document.MM_Time[0][3].values[1].prop2 = "style";
}
document.MM_Time[0][4] = new String("sprite");
document.MM_Time[0][4].slot = 2;
if (ns)
document.MM_Time[0][4].obj = document.Layer3;
else
document.MM_Time[0][4].obj = document.all ? document.all["Layer3"] : null;
document.MM_Time[0][4].keyFrames = new Array(53, 65);
document.MM_Time[0][4].values = new Array(2);
document.MM_Time[0][4].values[0] = new Array(214,214,214,214,214,214,214,214,214,214,214,214,214);
document.MM_Time[0][4].values[0].prop = "left";
document.MM_Time[0][4].values[1] = new Array(106,78,51,23,-4,-32,-60,-87,-115,-142,-170,-197,-225);
document.MM_Time[0][4].values[1].prop = "top";
if (!ns) {
document.MM_Time[0][4].values[0].prop2 = "style";
document.MM_Time[0][4].values[1].prop2 = "style";
}
document.MM_Time[0].lastFrame = 65;
for (i=0; i<document.MM_Time.length; i++) {
document.MM_Time[i].ID = null;
document.MM_Time[i].curFrame = 0;
document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
}
}
//-->
</script>
<script
language="JavaScript">
<!--
function MM_timelinePlay(tmLnName, myID) { //v1.2
//Copyright 1997 Macromedia, Inc. All rights reserved.
var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
tmLn = document.MM_Time[tmLnName];
if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
if (myID == tmLn.ID) { //if Im newest
setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
fNew = ++tmLn.curFrame;
for (i=0; i<tmLn.length; i++) {
sprite = tmLn[i];
if (sprite.charAt(0) == 's') {
if (sprite.obj) {
numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
keyFrm=1;
for (j=0; j<sprite.values.length; j++) {
props = sprite.values[j];
if (numKeyFr != props.length) {
if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
} else {
while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
} } } } }
} else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
if (fNew > tmLn.lastFrame) tmLn.ID = 0;
} }
}
//-->
</script>
<script language="JavaScript">
<!--
function MM_showHideLayers() { //v1.2
var i, visStr, args, theObj;
args = MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
visStr = args[i+2];
if (navigator.appName == 'Netscape' && document.layers != null) {
theObj = eval(args[i]);
if (theObj) theObj.visibility = visStr;
} else if (document.all != null) { //IE
if (visStr == 'show') visStr = 'visible'; //convert vals
if (visStr == 'hide') visStr = 'hidden';
theObj = eval(args[i+1]);
if (theObj) theObj.style.visibility = visStr;
} }
}
//-->
</script>
<script
language="javascript">
//global variables
var layerRef="null",layerStyleRef="null",styleSwitch="null";
function init(){
if (navigator.appName == "Netscape") {
layerStyleRef="layer.";
layerRef="document.layers";
styleSwitch="";
}else{
layerStyleRef="layer.style.";
layerRef="document.all";
styleSwitch=".style";
}
}
function showLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
}
function hideLayer(layerName){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
}
//---------------CREATING ANIMATED OBJECTS------------------------------------------
//ANIMATED OBJECT
//This constructor function defines a new type of object called animated object
//This is the object that will be animated
//The properties are as follows:
//objectName = any string
//layerName = the name of the layer that will be animated
//loop = set to "yes" if the animation should loop
//speed = an integer in milliseconds that specifies the time between movements
//endRoutines= a set of function calls that the object should perform at the end of its route.
// put a 0 here if there are no functions to execute.
//selectedIndex = the position in the route (described next)
//route = an array of x,y pairs in the form (x,y x,y, x,y,...)
// these xy coordinates represent the coordinates in the order in
// which the animated object will move. So first it moves to the first pair or x,y and then on
// to the 2nd and so on.
function animatedObject (objectName,layerName,loop,speed,selectedIndex,endRoutines,route){
this.objectName=objectName;
this.layerName=layerName;
this.loop=loop;
this.speed=speed;
this.selectedIndex=selectedIndex;
this.endRoutines=endRoutines;
this.route=route;
}
//ANIMATED OBJECTS ARRAY
//Keep track of all the animated objects by putting their names in an array
//This array will be used later to stop and start the animations on command
animObjectArray= new Array ("small","big");
//CREATION OF ANIMATED OBJECTS
//Define an animated object called "small"
smallArray=new Array (250);
var coords="1,2, 7,2, 17,4, 29,6, 45,8, 69,16, 97,26, 119,40, 137,56, 149,74, 159,92, 167,112, 169,134, 169,156, 169,174, 163,192, 155,204, 141,206, 125,207, 107,205, 85,199, 65,193, 53,185, 43,175, 37,163, 35,147, 35,131, 41,113, 57,95, 81,77, 111,63, 145,51, 183,45, 217,45, 247,45, 273,55, 297,71, 323,95, 349,119, 375,143, 399,169, 417,195, 429,217, 435,235, 437,251, 437,267, 437,283, 431,297, 423,309, 413,321, 401,329, 387,335, 371,336, 357,336, 341,330, 327,324, 317,314, 309,298, 303,278, 302,260, 302,242, 308,222, 316,202, 328,182, 342,162, 362,142, 384,124, 406,110, 428,98, 454,88, 486,78, 518,68, 546,66, 568,67, 588,68";
smallArray=coords.split(",");
small = new animatedObject(
'small',
'smallLayer',
'no',
20,
0,
'0',
smallArray
);
//Define an animated object called "big"
bigArray=new Array (250);
var coords="771,12, 765,22, 755,42, 737,68, 715,102, 685,144, 649,186, 609,222, 561,250, 505,266, 443,278, 375,284, 315,283, 263,271, 217,251, 173,231, 137,213, 105,191, 81,173, 71,165, 71,164, 71,165, 79,177, 95,203, 119,231, 153,263, 199,289, 257,303, 329,303, 401,285, 459,257, 495,231, 507,215, 508,205, 508,203, 508,202, 508,203, 507,209, 505,223, 499,239, 491,255, 481,269, 471,283, 461,295, 447,305, 435,313, 423,321, 413,323, 399,325, 381,331, 363,337, 349,339, 333,341, 313,342, 293,343, 275,344, 259,344, 243,344, 233,344, 219,344, 203,344, 185,344, 167,343, 151,342, 133,342, 115,341, 101,339, 85,337, 69,331, 59,329, 51,327, 49,319, 43,311, 42,299, 40,285, 39,267, 38,249, 37,233, 37,215, 37,197, 37,181, 38,165, 40,149, 46,135, 54,121, 62,109, 72,101, 82,91, 98,81, 118,71, 144,61, 170,55, 196,49, 218,47, 238,47, 260,47, 284,47, 302,47, 316,49, 356,67, 370,77, 380,87, 390,99, 398,113, 406,127, 408,139, 410,151, 412,163, 413,181, 413,191, 406,213, 398,225, 388,239, 376,251, 360,263, 346,273, 316,283, 300,289, 252,297, 230,303, 196,305, 180,306, 152,306, 140,306, 110,305, 96,304, 74,302, 64,300, 54,299, 46,298, 34,296, 24,295, 18,294, 12,293, -2,289, -2,287";
bigArray=coords.split(",");
big = new animatedObject(
'big',
'bigLayer',
'no',
20,
0,
'0',
bigArray
);
//---------------TIMELINE FUNCTIONS------------------------------------------
//TIMELINE
//This timeline is an array. Some array elements hold function calls
//Another function (timelineController()) will loop through this array
//and execute the functions at the designated time. Note that currTime
//may also be set in the start and stopTimeline() functions.
var totalTime=10;
var currTime=0;
var timeline=new Array ();
timeline[1]='showLayer("smallLayer");doAnimation("small")';
timeline[5]='showLayer("bigLayer");doAnimation("big")';
//STOP TIMELINE
//This function stops the timeline by making setting currTime to totalTime
//This action makes the animation controller thinks that it is already done
function stopTimeline(){
currTime=totalTime+1;
}
//START TIMELINE
//This function sets the timeline to its starting point and then calls the
//animation controller which starts the timeline in action.
function startTimeline(){
currTime=0;
timelineController();
}
//TIMELINE CONTROLLER
//This function loops through each element of the timeline.
//It loops at the rate of one element per second.
//If the element contains function calls, this function executes them
function timelineController(){
if (currTime <= totalTime){
currTime++;
if (timeline[currTime] != null){
eval(timeline[currTime]);
}
setTimeout("timelineController()",1000);
}
}
//---------------ANIMATION FUNCTIONS------------------------------------------
//MOVE LAYER TO
//This function simply chnages the left and top coordinates of a layer
//to the coordinates passed to it. This makes the layer move.
function moveLayerTo(layerName,left,top){
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.top=top');
eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.left=left');
}
//DO ANIMATION
//This beast of a function moves an animated objects along the coordinates specified in its route.
//Here's how it works:
//It accepts the name of the object to animate as a parameter
//It then says- if the object's selectedIndex property is less than the length of its route
//Read: if the animation has not completed its route...
//Then, move the object to the next set of coordinates in the route.
//It then adds 2 to the selectedIndex so that the next time around, it will be able to access the proper coordinates in the route
//Then, it sets a timeout (based on the milliseconds set in the object's properties) and calls itself again...
//It does this whole routine over and over again until the route is exhausted.
//When the route is exhaused it does the following:
//1. Checks if the object specifies any actions to take upon completion of its route.
// If there is stuff to do, it does that by executing whatever commands the object wants
//2. Sets the object's selectedIndex back to 0 so that it is ready to go again
//3. If the object's loop property is set to "yes", it starts the entire process all over again
function doAnimation(objName){
if (eval(objName +'.selectedIndex <' +objName+ '.route.length')){
eval('moveLayerTo(' +objName+ '.layerName,' +objName+ '.route[' +objName+ '.selectedIndex],' +objName+ '.route[' +objName+ '.selectedIndex+1])');
eval (objName+'.selectedIndex+=2');
setTimeout('doAnimation("'+objName+'")',eval(objName+'.speed'));
}else{
var commandString=eval(objName+'.endRoutines');
eval (commandString);
eval (objName + '.selectedIndex=0');
if (eval(objName+'.loop=="yes"')){
eval('doAnimation("'+objName+'")',eval(objName+'.speed'));
}
}
}
</script>
<body bgcolor="#000000" text="#FFFFFF"
onload="MM_timelinePlay('Timeline1');init();startTimeline();">
<div id="Layer1"
style="position:absolute; left:88px; top:528px; width:29px; height:31px; z-index:1"><a
href="images/index2.htm" target="_top">
<dl>
<dd></a><a href="javascript:openWindow();" target><img src="images/open.gif"
alt="Welcome To 1688 Productions" border="0" name="Image1" width="510" height="202"></a><a
href="javascript:openWindow();"></dd>
</a>
</dl>
</div><div id="Layer2"
style="position:absolute; left:906px; top:106px; width:83px; height:82px; z-index:2">
<p><img src="images/earth.gif" width="354" height="196"></p>
</div><div id="Layer3"
style="position:absolute; left:1078px; top:104px; width:150px; height:135px; z-index:3">
<p><img src="images/earth2.gif" name="Image2" width="354" height="196"></p>
</div><div align="center"><center>
<table border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td align="center" valign="bottom"><img src="images/up.gif" alt="up.gif (3028 bytes)"
width="750" height="55"></td>
</tr>
<tr>
<td align="center" valign="top"><table border="0" cellpadding="0" cellspacing="0"
width="712" background="images/rbg.gif" height="227">
<tr>
<td width="712" height="227"><img src="images/open2.gif" width="1" height="202"><br>
<br>
<br>
<br>
<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center></div><div id="smallLayer">
<dl>
<dd><img src="images/sun.gif" border="0" width="65" height="50"> </dd>
</dl>
</div><div id="bigLayer">
<dl>
<dd><img src="images/sun.gif" width="44" height="34" border="0"> </dd>
</dl>
</div>
</body>
</html>