网页制作常用源代码目录当前日历星期程序 (1)放在页首的代码 (2)倒计时源代码 (3)插入本机视频文件 (4)插入网络视频文件 (4)嵌套页面代码 (5)横向滚动条代码 (5)向上滚动条代码 (5)最后更新时间 (5)用按钮链接网站的程序 (6)固定字号大小 (6)去掉下划线代码 (6)10秒后自动链接到别的网页 (6)表格代码 (7)鼠标拖动数字时钟 (9)当前日历星期程序例：2010年11月24日星期三<script language=JavaScript>today=new Date();function initArray(){this.length=initArray.arguments.lengthfor(var i=0;i<this.length;i++)this[i+1]=initArray.arguments[i] }var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");document.write("<font color=##FF0000 style='font-size:10pt;font-family: 幼圆'> ",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1],"</font>" );</script>放在页首的代码<STYLE type=text/css>P {FONT-SIZE: 9pt}TD {FONT-SIZE: 9pt}INPUT { FONT-SIZE: 9pt}SELECT { FONT-SIZE: 9pt}A {TEXT-TRANSFORM: none; COLOR: #000000; TEXT-DECORATION: none}A:hover {COLOR: #ff0080; TEXT-DECORATION: none}A:active {COLOR: #ff0080; TEXT-DECORATION: none}.subject {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}.title1 {FONT-SIZE: 12px; COLOR: #660000; TEXT-DECORATION: none}.title1:hover {FONT-SIZE: 12px; COLOR: #669999}.lianjie {FONT-SIZE: 12px; COLOR: #808080; TEXT-DECORATION: none}.lianjie:hover {FONT-SIZE: 12px}.zzz {FONT-SIZE: 12px; LINE-HEIGHT: 14px}</STYLE></head><body><SCRIPT language=JavaScript><!--<!--function MM_reloadPage(init) { //reloads the window if Nav4 resizedif (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)){document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// -->function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)x.src=x.oSrc;}function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.0var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&yers&&i<yers.length;i++) x=MM_findObj(n,yers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;x.src=a[i+2];}}//--></SCRIPT>倒计时源代码<script language="JavaScript" type="text/javascript"><!--BirthDay=new Date("February 14,2010");//改为计时日期today=new Date();timeold=(today.getTime()-BirthDay.getTime());sectimeold=timeold/1000secondsold=Math.floor(sectimeold);msPerDay=24*60*60*1000e_daysold=timeold/msPerDaydaysold=Math.floor(e_daysold);//--></script><script language="JavaScript" type="text/javascript"><!--document.write("2010年春节"+daysold+"天");//--></script>插入本机视频文件<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="175" height="190" id="WindowsMediaPlayer1"><param name="URL" value="bdl-rjzz.wmv"><param name="rate" value="1"><param name="balance" value="0"><param name="currentPosition" value="0"><param name="defaultFrame" value><param name="playCount" value="10"><param name="autoStart" value="-1"><param name="currentMarker" value="0"><param name="invokeURLs" value="-1"><param name="baseURL" value><param name="volume" value="50"><param name="mute" value="0"><param name="uiMode" value="full"><param name="stretchToFit" value="0"><param name="windowlessVideo" value="0"><param name="enabled" value="-1"><param name="enableContextMenu" value="-1"><param name="fullScreen" value="0"><param name="SAMIStyle" value><param name="SAMILang" value><param name="SAMIFilename" value><param name="captioningID" value><param name="enableErrorDialogs" value="0"></object>插入网络视频文件<object width="480" height="415"><param name="allowFullScreen" value="true" /><embed src="/v/9Wstkpm-P0Q/" type="application/x-shockwave-flash"width="480" height="415"></embed></object>嵌套页面代码<iframe frameborder="0" src="sanfu.htm" scrolling="yes" width="100%" height="100%" /></iframe>横向滚动条代码<marquee>滚动条代码文字</marquee>向上滚动条代码<marquee width="200" height="70" direction="up" scrollamount="1" style="font-size:9pt;line-height: 150%"><font size="2"> 欢迎你！<br>进入我的网站——日历探秘！<br>亲爱的网友，<br>只要移动鼠标轻轻点击，<br>相信你会得到一些启示与收益！<br></font></marquee>最后更新时间<script language=JavaScript><!--hide script from old browsersdocument.write("最后更新时间: " + stModified + "")// end hiding --></script>用按钮链接网站的程序<input type="button" value="《日历网》各类查询工具"onClick="window.open('/_private/20gj/gj.htm','Sample','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar s=yes,resizable=yes,copyhistory=yes,width=1020,height=1500,left=0,top =0')" name="Input2232222">固定字号大小<style type="text/css"><!--body {font-size:9pt}td {font-size:9pt}--></style>去掉下划线代码<style> <!-- a {text-decoration: none} --> </style>10秒后自动链接到别的网页<meta http-equiv="refresh" content="10; url=/">表格代码<tr>行<td>列表格一行<table width="100%" cellspacing="1"> <tr><td> </td></tr></table>表格二行<table width="100%" cellspacing="1"> <tr><td> </td></tr><tr><td> </td></tr></table>表格一行二列<table width="100%" cellspacing="1"> <tr><td> </td><td> </td></tr></table>表格二行二列<table width="100%" cellspacing="1"> <tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr></table>表格四行二列<table width="100%" cellspacing="1"> <tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr><tr><td> </td><td> </td></tr></table>表格三行三列<table width="100%" cellspacing="1"> <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table>首行居中后插入二行三列表格<div align="center"><table width="80%" border="1"><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table></div>前两列合并<table width="80%" height="218" border="1"><tr><td width="50%" rowspan="2"> </td><td width="24%"> </td><td width="26%"> </td></tr><tr><td> </td><td> </td></tr></table>右两行合并<table width="58%" border="1" cellpadding="2"><tr><td> </td><td colspan="2" rowspan="2"> </td></tr><tr><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table>居中显示<div align="center"></div>表格宽 width="80%"表格高 height="134"表格线条粗 border="1"单元格边距 cellpadding="2"单元格间距 cellspacing="0"鼠标拖动数字时钟<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <script language=JavaScript>dCol='000000';//date colour.fCol='000000';//face colour.sCol='000000';//seconds colour.mCol='000000';//minutes colour.hCol='000000';//hours colour.ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;//Alter nothing below! Alignments will be lost!d=newArray("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATU RDAY");m=newArray("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","S EPTEMBER","OCTOBER","NOVEMBER","DECEMBER");date=new Date();day=date.getDate();year=date.getYear();if (year < 2000) year=year+1900;TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Face='1 2 3 4 5 6 7 8 9 10 11 12';font='Arial';size=1;speed=0.6;ns=(yers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fCol+"><B>";props2="<font face="+font+" size="+size+" color="+dCol+"><B>";Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}if (ns){for (i=0; i < D.length; i++)document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');for (i=0; i < n; i++)document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');for (i=0; i < S.length; i++)document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');for (i=0; i < M.length; i++)document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');for (i=0; i < H.length; i++)document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); }if (ie){document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < D.length; i++)document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+p rops2+D[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < n; i++)document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+p rops+Face[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < H.length; i++)document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');document.write('</div></div>');document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < M.length; i++)document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');document.write('</div></div>')document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < S.length; i++)document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouse Y;xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;function ClockAndAssign(){time = new Date ();secs = time.getSeconds();sec = -1.57 + Math.PI * secs/30;mins = time.getMinutes();min = -1.57 + Math.PI * mins/30;hr = time.getHours();hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;if (ie){Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.style.top=window.document.body.scrollTop;Om.style.top=window.document.body.scrollTop;Os.style.top=window.document.body.scrollTop;}for (i=0; i < n; i++){var F=(ns)?yers['nsFace'+i]:ieFace[i].style;F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);}for (i=0; i < H.length; i++){var HL=(ns)?yers['nsHours'+i]:ieHours[i].style;HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);}for (i=0; i < M.length; i++){var ML=(ns)?yers['nsMinutes'+i]:ieMinutes[i].style;ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);}for (i=0; i < S.length; i++){var SL=(ns)?yers['nsSeconds'+i]:ieSeconds[i].style;SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);}for (i=0; i < D.length; i++){var DL=(ns)?yers['nsDate'+i]:ieDate[i].style;DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);}currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for (i=1; i < D.length; i++){Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for (i=1; i < n; i++){y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);}ClockAndAssign(); setTimeout('Delay()',20);}if (ns||ie)window.onload=Delay; </script>。
