⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.html

📁 web程序设计实验报告
💻 HTML
字号:
<!--index.HTML-->
<!--ZHG工作室首页-->
<!-- --------Author:zhg------2007.4-----
------------E-mail:wudazhg@163.com------
------------All Rights Reserved---------
-->

<HTML>
  <HEAD>
     <TITLE>ZHG工作室主页</TITLE>
<style type="text/css">
<!--
body{
	font-family: Arial,Helvetica,sans-serif;
	padding: 0;
	margin: 0;
/*	font-size: 9pt;  */
/*	text-decoration: none;  */
	SCROLLBAR-FACE-COLOR: #3399FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #3399FF;
	SCROLLBAR-SHADOW-COLOR: #808080;
	SCROLLBAR-3DLIGHT-COLOR:#ffffff;
	SCROLLBAR-TRACK-COLOR: #e8e8e8;
	SCROLLBAR-ARROW-COLOR: #808080;
	SCROLLBAR-DARKSHADOW-COLOR: #999999;
/*	color: #555F63;	*/
	background-color: #ADBFD8;
}
-->
</style>

<style type="text/css">
<!--
body {cursor:url(mouse0.ani);} 
a:link{cursor:url(mouse00.ani);} 
-->
</style>
<script language="javascript">
<!--

/*
var msg    = "--欢迎您来到ZHG工作室!--";
var length = msg.length;
var space_sum = length * 2;//在msg前一共加的空格数。
var space = Array(space_sum);
for(i=0;i<space_sum;i++)
	space=" ";//出现了逗号。
var title_str = space + msg;
*/
var title_str = "----------------------------------------------------------------------------------------------这里是ZHG工作室!-------ZHG工作室欢迎您!---";
var title_length = title_str.length;
var posistion = 0;
function movingTitle()
{	
	window.document.title = title_str.substring(posistion,title_length);
	posistion++;
	if(posistion>=title_length-1)
	{
		posistion = 0;
		
	}
	setTimeout("movingTitle()",50);
}

movingTitle();
//-->
</script>
<script language="javascript">
<!--
var msg    = "欢迎您来到ZHG工作室! You are welcom!…… ";
var length = msg.length;
var pos=1;
function statusMessage()
{	
	window.status = msg.substring(0,pos);
	pos++;
	if(pos>length)
	{
		window.status = "";
		pos = 1;
	}
	setTimeout("statusMessage()",100);
}
statusMessage();
//-->
</script>
			
  </HEAD>

<!-- -----------------代码保护------------------ -->
<BODY background="universe.jpg" style="background-repeat:no-repeat;" leftmargin=0 rightmargin=0 topmargin=0 bottommargin=0  oncontextmenu="if(password=prompt('您可以通过菜单栏或工具栏使用刷新等功能\n\r使用右键则须输入密码:(不保密)','')!='ZHG')return false;" >
<noscript>
<iframe src="noscript.html" width="100%" height="100%"></iframe>
</noscript>
<!-- -----------------代码保护------------------ -->
<br>


<div  id='div' style='position:relative;z-index:0;left:20;top:0;overflow:hidden;height:80px;width:380px;' onmouseover='clearInterval(timer)' onmouseout='timer=setInterval("marquee()",speed)'> 

            <table border='0' align='center' cellpadding='0' cellspacing="0">
              <tr> 
                <td id='div1' valign='top'>
                   
                                      
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr> 
                        <td width="140" height="105" align="center" valign="middle" >
    <a target="_blank" href="http://www.sun.com"><img src="www.sun.com.jpg" width="80" height="50" /></a>
   </td>
                        <td width="140" align="center" valign="middle" >
    <a target="_blank" href="http://www.microsoft.com"><img src="www.microsoft.com.gif" width="80" height="50" /></a>
   </td>
                        <td width="140" align="center" valign="middle" >
    <a target="_blank" href="http://www.ibm.com"><img src="www.ibm.com.gif" width="80" height="50" /></a>
   </td>
                        <td width="140" align="center" valign="middle" >
   <a target="_blank" href="http://www.borland.com"><img src="www.borland.com.gif" width="80" height="50" /></a>
   </td>
                        <td width="140" align="center" valign="middle" >
    <a target="_blank" href="http://www.w3c.com"><img src="www.w3c.com.gif" width="80" height="50" /></a>
   </td>
                      </tr>
      </table>

           
                </td>

                <td id=div2 valign=top>
  </td>

              </tr>
            </table>
</div>

<div style="position:absolute;z-index:50;left:0;top:10;height:70;"><img src="butterfly.gif" ></div>
<div style="position:absolute;z-index:0;right:0;top:60" > <embed src="liangzhu.wma" volume="80" width="220" height="43" autostart="true" loop="-1"></embed></div>  
<div style="position:relative;z-index:0;top:0"><!--此处z-index的值与上面滚动图片所在层的相等-->
<iframe BORDER=0 width=100% height="100%" marginwidth=0 src="body.html"></iframe>
<br>

	<TABLE ALIGN="CENTER">
	<TR ALIGN="CENTER"><TD>
	<FONT SIZE="1">Copyright &nbsp; &copy &nbsp; ZHG工作室 &nbsp; 2007.3.9 </FONT>
	</TD></TR>
	<TR ALIGN="CENTER"><TD>
	<FONT SIZE="1">E-mail: <A HREF="MAILTO:wudazhg@163.com">wudazhg@163.com</A>&nbsp;&nbsp;&nbsp;&nbsp;地址: 中国·武汉·珞珈山</FONT>
	</TD></TR>
	<TR ALIGN="CENTER"><TD>
	<FONT SIZE="1">版权所有,侵权必究&nbsp;&nbsp;&nbsp;&nbsp;All Rights Reserved</FONT>
	</TD></TR>
	</TABLE>

</div>





<script laguage="javascript">
var speed=10;
div2.innerHTML=div1.innerHTML;
function marquee()
{
 if(div2.offsetWidth-div.scrollLeft<=0)
  div.scrollLeft-=div1.offsetWidth;
 else
 {
  div.scrollLeft++;
 }
}
var timer=setInterval("marquee()",speed);

</script> 
<!--------------------------以下为活动菜单代码--------------------->
<script language="JavaScript" type="text/JavaScript">

document.write("<style type=text/css>#master {LEFT: -200px; POSITION: absolute; TOP: 25px; VISIBILITY: visible; Z-INDEX: 999}</style>")
document.write("<table id=master width='218' border='0' cellspacing='0' cellpadding='0'><tr><td><img border=0 height=6 src=menutop.gif  width=200></td><td rowspan='2' valign='top'><img id=menu onMouseOver=javascript:expand() border=0 height=70 name=menutop src=menuo.gif width=18></td></tr>");
document.write("<tr><td valign='top'><table width='100%' border='0' cellspacing='5' cellpadding='0'><tr><td height='400' valign='top'><table width=100% height='100%' border=1 cellpadding=0 cellspacing=5 bordercolor='#666666' bgcolor=#ecf6f5 style=FILTER: alpha(opacity=90)><tr>");
document.write("<td height='10' align='center' bordercolor='#ecf6f5'><font color=999900><strong>友 情 链 接</strong></font></td></tr><tr><td valign='top' bordercolor='#ecf6f5'>");
document.write("<iframe  width=100% height=100% src='link.html' frameborder=0></iframe></td></tr></table></td></tr></table></td></tr></table>"); /*这里标记<iframe>中的网页就是活动菜单中的内容*/

var ie = document.all ? 1 : 0;
var ns = document.layers ? 1 : 0;
var master = new Object("element");
master.curLeft = -200;	master.curTop = 10;
master.gapLeft = 0;		master.gapTop = 0;
master.timer = null;

if(ie){var sidemenu = document.all.master;}
if(ns){var sidemenu = document.master;}
setInterval("FixY()",100);

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
	clearTimeout(eval(layerName).timer)
	if(eval(layerName).curLeft != fromLeft){
		if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
		else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
			else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
		if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
		if(ns){document[layerName].left = eval(layerName).curLeft}
	}
	if(eval(layerName).curTop != fromTop){
   if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
		else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
			else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
		if(ie){document.all[layerName].style.top = eval(layerName).curTop}
		if(ns){document[layerName].top = eval(layerName).curTop}
	}
	eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed){
	eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
	eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}

var expandState = 0;

function expand(){
	if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "menui.gif"}; expandState = 1;}
	else{setPace("master", -200, 10, 10); if(ie){document.menutop.src = "menuo.gif"}; expandState = 0;}
}

function FixY(){
	if(ie){sidemenu.style.top = document.body.scrollTop+10}
	if(ns){sidemenu.top = window.pageYOffset+10}
}
</script>
<!--------------------------活动菜单代码结束------------------------->

<!-- ---------------------cookie代码开始----------------------------------- -->
<script language="javascript">
<!--
function setCookie(name,value)
{
	var argv = setCookie.arguments;	
	var argc = argv.length;
	var expires = (argc>2) ? argv[2] : null;
	var path = (argc>3) ? argv[3] : null;
	var domain = (argc>4) ? argv[4] : null;
	var secure = (argc>5) ? argv[5] : false;

	document.cookie = name+"="+escape(value) + (  (expires==null) ? "" : (";expires="+expires.toGMTString())  ) + (  (path==null) ? "" : (";path="+path)  ) + (  (domain==null) ? "" : (";domain="+domain)  ) + (  (secure==true) ? (";secure") : ""  )
}

function getCookie(name)
{
	var arg = name + "=";
	var arg_len = arg.length;
	var coo_len = document.cookie.length;
	
	var i = 0;
	while(i<coo_len)
	{
		if(arg==document.cookie.substring(i,i+arg_len))
		{
			var j = document.cookie.indexOf(";",i+arg_len);//j为“name=”后面的第一个分号的位置。
			if(j==-1)
				j = coo_len;
			return unescape(document.cookie.substring(i+arg_len,j));
		}
		i++;//因为有些cookie项之间有可能未使用空格(仅使用分号,如本setCookie函数),故还是使用逐一匹配的方案,更为谨慎,虽然效率上可能有所浪费。
		////i = document.cookie.indexOf(" ",i) + 1;//将i变为下一个空格后的位置。
		if(i>=coo_len-arg_len)
			return null;
	}
}

function deleteCookie(name)
{
	var exp = new Date();
	exp.setTime(exp.getTime()-1000);
	document.cookie = name+"="+getCookie(name)+ ";expires="+exp.toGMTString();
}

//-->
</script>

<!-- --------一下为本网页中对cookie的具体使用---------- -->

<script language="javascript">
<!--

var EXPIRES = new Date();
EXPIRES.setTime(EXPIRES.getTime()+1000*60*60*24*1);//由此可设置保存时间,现为1天。

function visitedTimes()
{//返回本次是第几次访问。
	var times;
	times = getCookie("visitedTimes");
	if(times==null)
	{
		times = 0;
	}
	times++;
	setCookie("visitedTimes",times,EXPIRES);

	return times;
}


function lastVisitTime()
{//返回上次访问的时间(日期对象),同时设置现在时间。
	var lastTime;
	var now = new Date();
	var last = new Date();

	lastTime = getCookie("visitTime");//获取上次访问网页的具体时间,若未得到则返回null。
	setCookie("visitTime",now.getTime(),EXPIRES);

	if(lastTime==null)
	{
		return null;
	}
	else
	{
		last.setTime(lastTime);
		return last;
	}

}

//-->
</script>
<!-- ------------------以下为使用MsAgent结合cookie技术-------------------- -->
<SCRIPT> 
<!--
var msagentID="Merlin";  
var msagentACS="Merlin.acs";  

var obj=new ActiveXObject("Agent.Control.2");  
obj.Connected = true;  
obj.Characters.Load(msagentID,msagentACS);  
msagent = obj.Characters(msagentID);  
 
var last = lastVisitTime();

msagent.Show();  
msagent.MoveTo(100,200);
msagent.Play("Pleased"); 
msagent.Play("Explain");  
msagent.Speak("ZHG工作室欢迎你!");  
msagent.Play("Greet"); 

msagent.Play("READ");
msagent.Speak("这是你第"+visitedTimes()+"次光临本网页!");

msagent.Play("Pleased"); 
msagent.Play("Read") 
msagent.Speak(  (last==null) ? ("没有你的上次访问时间记录!") : ("你上次的来访时间是"+last.toLocaleString())  );
//msagent.Play("Announce");  
msagent.Play("Pleased"); 
msagent.Play("Pleased"); 
msagent.Play("Gestureright"); 
 
msagent.Play("Pleased"); 
msagent.Play("Greet"); 
msagent.Speak("欢迎常来!"); 
msagent.Play("Greet");
msagent.Play("Pleased"); 
msagent.Speak("失陪了");   
//msagent.MoveTo(0,0); 
msagent.Hide();  

//-->  
</SCRIPT> 
<!-- -----------------------cookie代码(含msagent)结束-------------------------------- -->
  </BODY>
</HTML>

⌨️ 快捷键说明

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