📄 菜单+时钟特效.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0053)http://amateur.lamost.org/xkcq/esee/other/effect3.htm -->
<HTML><HEAD><TITLE>效果预览3</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE>#leftright {
BACKGROUND-COLOR: blue; FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: blue
}
#topdown {
BACKGROUND-COLOR: blue; FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: blue
}
</STYLE>
<STYLE>#leftright {
BACKGROUND-COLOR: blue; FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: blue
}
#topdown {
BACKGROUND-COLOR: blue; FONT-SIZE: 1px; HEIGHT: 1px; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 1px; Z-INDEX: 100; layer-background-color: blue
}
</STYLE>
<META content="MSHTML 5.00.3532.300" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff>
<SCRIPT language=JavaScript1.2> //代码开始NS6 = (document.getElementById&&!document.all) IE = (document.all) NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4") tempBar='';barBuilt=0;ssmItems=new Array(); moving=setTimeout('null',1) function moveOut() { if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) { clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)} else {clearTimeout(moving);moving=setTimeout('null',1)}}; function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)} function moveBack1() { if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) { clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)} else {clearTimeout(moving);moving=setTimeout('null',1)}} function slideMenu(num){ if (IE) {ssm.pixelLeft += num;} if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;} if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}} function makeStatic() { if (NS||NS6) {winY = window.pageYOffset;} if (IE) {winY = document.body.scrollTop;} if (NS6||IE||NS) { if (winY!=lastY&&winY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY - YOffset + staticYOffset);} else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) { smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));} else {smooth=0} if(smooth > 0) smooth = Math.ceil(smooth); else smooth = Math.floor(smooth); if (IE) bssm.pixelTop+=smooth; if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth lastY = lastY+smooth; setTimeout('makeStatic()', 1)}} function buildBar() { if(barText.indexOf('<IMG')>-1) {tempBar=barText} else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}} document.write('<td align="center" rowspan="'+ssmItems.length+1+'" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}function initSlide() { if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style; bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";} else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";} else if (NS) {bssm=document.layers["basessm1"]; bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"]; bssm2.clip.left=0;ssm.visibility = "show";} if (menuIsStatic=="yes") makeStatic();}function buildMenu() { if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')} if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')} document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">'); for(i=0;i<ssmItems.length;i++) { if (!ssmItems[i][3]) { ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1 } else if(ssmItems[i][3]!=menuCols) ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1); if (ssmItems[i-1]&&ssmItems[i-1][4]!="no") { document.write('<TR>') } if (!ssmItems[i][1]) { document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>'); } else { if(!ssmItems[i][2]) ssmItems[i][2]=linkTarget;// document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" HEIGHT="'+hdrHeight+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'" style="Cursor:hand;" ALIGN="'+linkAlign+'" onclick="location.href=\''+ssmItems[i][1]+'\'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'">'+ssmItems[i][0]+'</TD>'); document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" HEIGHT="'+hdrHeight+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"><A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>'); } if (ssmItems[i][4]!="no"&&barBuilt==0) {buildBar();barBuilt=1;} if (ssmItems[i][4]!="no") {document.write('</TR>')} } document.write('</table>') if (NS6){document.write('</TD></TR></TABLE>')} if (IE||NS6) {document.write('</DIV></DIV>')} if (NS) {document.write('</LAYER></ILAYER></LAYER>')} theleft=-menuWidth; lastY=0; setTimeout('initSlide();', 1);} YOffset=0; XOffset=0; staticYOffset=30; slideSpeed=12 waitTime=100; staticMode="advanced"menuHeader="宋体"menuBGColor="#000000"; menuIsStatic="yes"; menuWidth=140; menuCols=2; hdrFontFamily="宋体, Arial, Helvetica"; hdrFontSize="2"; hdrFontColor="mintcream"; hdrBGColor="#97BDAE"; hdrAlign="center"; hdrVAlign="center"; hdrHeight="20"; linkFontFamily="宋体, Arial, Helvetica"; linkFontSize="2"; linkBGColor="whitesmoke"; linkOverBGColor="#ffffff"; linkTarget="_top"; linkAlign="center"; barBGColor="#FF9933"; barFontFamily="宋体, Arial, Helvetica"; barFontSize="2"; barFontColor="mintcream"; barVAlign="center"; barWidth=12; barText="抽屉式菜单演示";ssmItems[0]=["第一视线", "", ""] ssmItems[1]=["链接1", "#", ""]ssmItems[2]=["链接2", "#", ""]ssmItems[3]=["链接3", "#", ""] ssmItems[4]=["链接4", "#", ""] ssmItems[5]=["链接5", "#", ""] ssmItems[6]=["链接6", "#", ""] ssmItems[7]=["链接7", "#", ""] function clickhref(cHref) {window.location.href=cHref}//onmousemove="menu_over(this);" onmouseout="menu_out(this);"function menu_over(obj){ obj.style.backgroundColor="whitesmoke"; obj.style.color="mintcream"; obj.style.cursor="hand";}function menu_out(obj){ obj.style.backgroundColor="#ffffff"; obj.style.color="mintcream"; obj.style.cursor="";}buildMenu();//代码结束</SCRIPT>
<DIV id=leftright></DIV>
<DIV id=topdown></DIV>
<SCRIPT language=JavaScript1.2><!--if (document.all&&!window.print){leftright.style.width=document.body.clientWidth-2topdown.style.height=document.body.clientHeight-2}else if (document.layers){document.leftright.clip.width=window.innerWidthdocument.leftright.clip.height=1document.topdown.clip.width=1document.topdown.clip.height=window.innerHeight}function followmouse1(){//move cross engine for IE 4+leftright.style.pixelTop=document.body.scrollTop+event.clientY+1topdown.style.pixelTop=document.body.scrollTopif (event.clientX<document.body.clientWidth-2)topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1elsetopdown.style.pixelLeft=document.body.clientWidth-2}function followmouse2(e){//move cross engine for NS 4+document.leftright.top=e.y+1document.topdown.top=pageYOffsetdocument.topdown.left=e.x+1}if (document.all)document.onmousemove=followmouse1else if (document.layers){window.captureEvents(Event.MOUSEMOVE)window.onmousemove=followmouse2}function regenerate(){window.location.reload()}function regenerate2(){setTimeout("window.onresize=regenerate",400)}if ((document.all&&!window.print)||document.layers)//if the user is using IE 4 or NS 4, both NOT IE 5+window.onload=regenerate2//--></SCRIPT>
<SCRIPT language=JavaScript>fCol = '000000';sCol = 'ff0000';mCol = '000000';hCol = '000000';H = '....';H = H.split('');M = '.....';M = M.split('');S = '......';S = S.split('');Ypos = 0;Xpos = 0;Ybase = 8;Xbase = 8;dots = 12;ns = (document.layers)?1:0;if (ns) {dgts = '1 2 3 4 5 6 7 8 9 10 11 12';dgts = dgts.split(' ');for (i = 0; i < dots; i++) {document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial,Verdana size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');}for (i = 0; i < M.length; i++) {document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');}for (i = 0; i < H.length; i++) {document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');}for (i = 0; i < S.length; i++) {document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); }}else {document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 1; i < dots+1; i++) {document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial,Verdana;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');}document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < M.length; i++) {document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');}document.write('</div></div>')document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < H.length; i++) {document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');}document.write('</div></div>')document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i = 0; i < S.length; i++) {document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');}document.write('</div></div>')}function clock() {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.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;if (ns) {Ypos = window.pageYOffset+window.innerHeight-60;Xpos = window.pageXOffset+window.innerWidth-80;}else {Ypos = document.body.scrollTop + window.document.body.clientHeight - 60;Xpos = document.body.scrollLeft + window.document.body.clientWidth - 60;}if (ns) {for (i = 0; i < dots; ++i){document.layers["nsDigits"+i].top = Ypos - 5 + 40 * Math.sin(-0.49+dots+i/1.9);document.layers["nsDigits"+i].left = Xpos - 15 + 40 * Math.cos(-0.49+dots+i/1.9);}for (i = 0; i < S.length; i++){document.layers["nx"+i].top = Ypos + i * Ybase * Math.sin(sec);document.layers["nx"+i].left = Xpos + i * Xbase * Math.cos(sec);}for (i = 0; i < M.length; i++){document.layers["ny"+i].top = Ypos + i * Ybase * Math.sin(min);document.layers["ny"+i].left = Xpos + i * Xbase * Math.cos(min);}for (i = 0; i < H.length; i++){document.layers["nz"+i].top = Ypos + i * Ybase * Math.sin(hrs);document.layers["nz"+i].left = Xpos + i * Xbase * Math.cos(hrs); }}else{for (i=0; i < dots; ++i){ieDigits[i].style.pixelTop = Ypos - 15 + 40 * Math.sin(-0.49+dots+i/1.9);ieDigits[i].style.pixelLeft = Xpos - 14 + 40 * Math.cos(-0.49+dots+i/1.9);}for (i=0; i < S.length; i++){x[i].style.pixelTop = Ypos + i * Ybase * Math.sin(sec);x[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(sec);}for (i=0; i < M.length; i++){y[i].style.pixelTop = Ypos + i * Ybase * Math.sin(min);y[i].style.pixelLeft = Xpos + i * Xbase * Math.cos(min);}for (i=0; i < H.length; i++){z[i].style.pixelTop = Ypos + i * Ybase*Math.sin(hrs);z[i].style.pixelLeft = Xpos + i * Xbase*Math.cos(hrs); }}setTimeout('clock()', 50);}if (document.layers || document.all) window.onload = clock;</SCRIPT>
</BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -