网页制作特效——特效代码
网页特效代码

网页特效代码1.滚动字幕代码:<marquee style="width: 200px; height: 94px" onmouseover="function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { function onmouseover() { this.stop() } } } } } } } } } } } }" onmouseout="function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { function onmouseout() { this.start() } } } } } } } } } } } }" direction="up" height="94" width="200" scrollamount="1"><p align="center"><font color="#ff0000" size="4"><strong>祝大家端午节快乐</strong></font><br /><font color="#ae1515">1、公告区内有成绩下载链接,请下载后查看是否有遗漏作业;<br />2、模块三活动1中非案例领取人需提前一天完成该项作业,最后一天为案例领取人总结时间。
【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明

【网页特效代码-页面特效】网页中弹出小窗口,页面背景逐渐变为半透明.txt我是天使,回不去天堂是因为体重的原因。
别人装处,我只好装经验丰富。
泡妞就像挂QQ,每天哄她2个小时,很快就可以太阳了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><title>网页中弹出小窗口,页面背景逐渐变为半透明-Q291911320</title><style>html,body{font-size:12px;margin:0px;height:100%;}.mesWindow{border:#666 1px solid;background:#fff;}.mesWindowTop{border-bottom:#eee 1px solid;margin-left:4px;padding:3px;font-weight:bold;text-align:left;font-size:12p x;}.mesWindowContent{margin:4px;font-size:12px;}.mesWindow .close{height:15px;width:28px;border:none;cursor:pointer;text-decorat ion:underline;background:#fff}</style><script>var isIe=(document.all)?true:false;//设置select的可见状态function setSelectState(state){var objl=document.getElementsByTagName('select');for(var i=0;i<objl.length;i++){objl[i].style.visibility=state;}}function mousePosition(ev){if(ev.pageX || ev.pageY){return {x:ev.pageX, y:ev.pageY};}return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop};}//弹出方法function showMessageBox(wTitle,content,pos,wWidth){closeWindow();var bWidth=parseInt(document.documentElement.scrollWidth);var bHeight=parseInt(document.documentElement.scrollHeight);if(isIe){setSelectState('hidden');}var back=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px; height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);var mesW=document.createElement("div");mesW.id="mesWindow";mesW.className="mesWindow";mesW.innerHTML="<div class='mesWindowTop'><table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'><input type='button' onclick='closeWindow();' title='关闭窗口' class='close' value='关闭' /></td></tr></table></div><div class='mesWindowContent' id='mesWindowContent'>"+content+"</div><div class='mesWindowBottom'></div>"; styleStr="left:"+(((pos.x-wWidth)>0)?(pos.x-wWidth):pos.x)+"px;top:"+(pos.y)+"px ;position:absolute;width:"+wWidth+"px;";mesW.style.cssText=styleStr;document.body.appendChild(mesW);}//让背景渐渐变暗function showBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{var al=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}//关闭窗口function closeWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById(' back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementB yId('mesWindow'));}if(isIe){setSelectState('');}}//测试弹出function testMessageBox(ev){var objPos = mousePosition(ev);messContent="<div style='padding:20px 0 20px 0;text-align:center'>消息正文</div>"; showMessageBox('窗口标题',messContent,objPos,350);}</script></head><body><div style="padding:20px"><div style="text-align:left";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:left;padding-left:20px;padding-top:10px";><select ID="Select1" NAME="Select1"><option>下拉</option></select>弹出窗口时会将其隐藏,关闭时会让其显示,目的是在IE中防止弹出的DIV挡不住下拉框</div><div style="text-align:center";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div><div style="text-align:right";><a href="#none" onclick="testMessageBox(event);">弹出窗口</a></div></div></body></html>。
网页特效代码

典型特效加入收藏夹设为首页去掉超链接的下划线自动刷新网页刷新本页返回到上一页跳出小窗口自动关闭窗口给页面加保护固定字号大小状态栏例的动态欢迎语保护自己的页面不被别人放在框架中说明点击即可把你的网站添加到浏览器的收藏菜单下效果收藏本站代码<span style="CURSOR: hand" onClick="window.external.addFavorite('','网页特效集锦')" title="网页特效集锦">收藏本站</span>说明点击即可把你的网站设置为浏览器的起始页效果设为首页代码<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.s etHomePage('');" style="CURSOR: hand">设为首页</span>说明有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!效果试试就知道啦!代码 <style TYPE="text/css"><!--A:link{text-decoration:none}A:visited{text-decoration:none}A:hover {color: #ff00ff;text-decoration:underline}--></style>说明自动刷新网页在HTML的与之间加入下面这段代码,则在5分钟之后正在浏览的页面将会自动变为target.html这一页。
网页各种特效——代码生成

在远方仿建设银行软键盘密码输入器<html><head><title>网页特效代码||---在远方仿建设银行软键盘密码输入器</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><!-- start 以下为页面显示样式,可以自己定义或不要--><style>BODY {SCROLLBAR-FACE-COLOR: #f0f0f6; FONT-SIZE: 9pt; BACKGROUND-ATTACHMENT: fixed; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: #f0f0f6; SCROLLBAR-SHADOW-COLOR: #f0f0f6; SCROLLBAR-3DLIGHT-COLOR: #6699cc; LINE-HEIGHT: normal; SCROLLBAR-ARROW-COLOR: #6699cc; SCROLLBAR-TRACK-COLOR: #6699cc; BACKGROUND-REPEAT: repeat; FONT-FAMILY: 宋体;SCROLLBAR-DARKSHADOW-COLOR: #6699cc}.bold {FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; LINE-HEIGHT: 180%; FONT-FAMILY: 宋体}TABLE {FONT-SIZE: 9pt; LINE-HEIGHT: normal; FONT-FAMILY: 宋体}A:link {COLOR: #0000ff; TEXT-DECORATION: none}A:visited {COLOR: #0000ff; TEXT-DECORATION: none}A:hover {COLOR: #ff0000}A:active {COLOR: #ff0000}A.C:link {COLOR: #ffffff; TEXT-DECORATION: noneA.C:visited {COLOR: #ffffff; TEXT-DECORATION: none}A.C:hover {COLOR: #ff0000}A.C:active {COLOR: #ff0000}.textlogin {BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 9pt; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #fafafa}.textarea {BORDER-RIGHT: #003399 1px solid; BORDER-TOP: #003399 1px solid; BORDER-LEFT: #003399 1px solid; BORDER-BOTTOM: #003399 1px solid}</style><!-- end 以下为页面显示样式,可以自己定义--><SCRIPT language=JavaScript>window.onload=function(){password1=null;initCalc();}var CapsLockValue=0;var check;self.onError=null;currentX = currentY = 0;whichIt = null;lastScrollX = 0; lastScrollY = 0;NS = (yers) ? 1 : 0;IE = (document.all) ? 1: 0;function checkFocus(x,y) {stalkerx = document.softkeyboard.pageX;stalkery = document.softkeyboard.pageY;stalkerwidth = document.softkeyboard.clip.width;stalkerheight = document.softkeyboard.clip.height;if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;else return false;}function grabIt(e) {check = false;if(IE) {whichIt = event.srcElement;while (whichIt.id.indexOf("softkeyboard") == -1) {whichIt = whichIt.parentElement;if (whichIt == null) { return true; } }whichIt.style.pixelLeft = whichIt.offsetLeft;whichIt.style.pixelTop = whichIt.offsetTop;currentX = (event.clientX + document.body.scrollLeft);currentY = (event.clientY + document.body.scrollTop);} else {window.captureEvents(Event.MOUSEMOVE);if(checkFocus (e.pageX,e.pageY)) {whichIt = document.softkeyboard;StalkerTouchedX = e.pageX-document.softkeyboard.pageX;StalkerTouchedY = e.pageY-document.softkeyboard.pageY;} }return true;}function moveIt(e) {if (whichIt == null) { return false; }if(IE) {newX = (event.clientX + document.body.scrollLeft);newY = (event.clientY + document.body.scrollTop);distanceX = (newX - currentX); distanceY = (newY - currentY);currentX = newX; currentY = newY;whichIt.style.pixelLeft += distanceX;whichIt.style.pixelTop += distanceY;if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;event.returnValue = false;} else {whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; return false;}return false;}function dropIt() {whichIt = null;if(NS) window.releaseEvents (Event.MOUSEMOVE);return true;}if(NS) {window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);window.onmousedown = grabIt;window.onmousemove = moveIt;window.onmouseup = dropIt;}if(IE) {document.onmousedown = grabIt;document.onmousemove = moveIt;document.onmouseup = dropIt;}document.write("<DIV align=center id=\"softkeyboard\" name=\"softkeyboard\" style=\"position:absolute; left:0px; top:0px; width:500px; z-index:180;display:none\"><table id=\"CalcTable\" width=\"\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" bgcolor=\"\"><FORM id=Calc name=Calc action=\"\" method=post autocomplete=\"off\"><tr><td title=\"尊敬的客户:为了保证网上交易安全,建议使用密码输入器输入密码!\" align=\"right\" valign=\"middle\" bgcolor=\"\" style=\"cursor: default;height:30\"><INPUT type=hidden value=\"\" name=password><INPUT type=hidden value=ok name=action2> <font style=\"font-size:13px;\">在远方仿建行</font> 密码输入器         & nbsp       <INPUTstyle=\"width:100px;height:20px;background-color:#54BAF1;\" type=button value=\"使用键盘输入\" bgtype=\"1\" onclick=\"password1.readOnly=0;password1.focus();softkeyboard.style.display='none ';password1.value='';\"><span style=\"width:2px;\"></span></td></tr><tr align=\"center\"><td align=\"center\" bgcolor=\"#FFFFFF\"><table align=\"center\" width=\"%\" border=\"0\" cellspacing=\"1\" cellpadding=\"0\"><tr align=\"left\"valign=\"middle\"><td><input type=button value=\" ~ \"></td><td><input type=button value=\" ! \"></td><td><input type=button value=\" @ \"></td><td><input type=button value=\" # \"></td><td><input type=button value=\" $ \"></td><td><input type=button value=\" % \"></td><td><input type=button value=\" ^ \"></td><td><input type=button value=\" & \"></td><td><input type=button value=\" * \"></td><td><input type=button value=\" ( \"></td><td><input type=button value=\" ) \"></td><td><input type=button value=\" _ \"></td><td><input type=button value=\" + \"></td><td><input type=button value=\" | \"></td><td colspan=\"1\" rowspan=\"2\"><input name=\"button10\" type=button value=\" 退格\" onclick=\"setpassvalue();\"onDblClick=\"setpassvalue();\" style=\"width:100px;height:42px\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" ` \"></td><td><input type=button value=\" 1 \"></td><td><input type=button value=\"2 \"></td><td><input type=button value=\"3 \"></td><td><input type=button value=\"4 \"></td><td><input type=button value=\"5 \"></td><td><input type=button value=\"6 \"></td><td><input type=button value=\"7 \"></td><td><input type=button value=\"8 \"></td><td><input type=button value=\"9 \"></td><td><input name=\"button6\" type=button value=\" 0 \"></td><td><input type=button value=\" - \"></td><td><input type=button value=\" = \"></td><td><input type=button value=\" \\ \"></td><td></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" q \"></td><td><input type=button value=\" w \"></td><td><input type=button value=\" e \"></td><td><input type=button value=\" r \"></td><td><input type=button value=\" t \"></td><td><input type=button value=\" y \"></td><td><input type=button value=\" u \"></td><td><input type=button value=\" i \"></td><td><input type=button value=\" o \"></td><td><input name=\"button8\" type=button value=\" p \"></td><td><input name=\"button9\" type=button value=\" { \"></td><td><input type=button value=\" } \"></td><td><input type=button value=\" [ \"></td><td><input type=button value=\" ] \"></td><td><input name=\"button9\" type=button onClick=\"capsLockText();setCapsLock();\" onDblClick=\"capsLockText();setCapsLock();\" value=\"切换大/小写\"style=\"width:100px;\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input type=button value=\" a \"></td><td><input type=button value=\" s \"></td><td><input type=button value=\" d \"></td><td><input type=button value=\"f \"></td><td><input type=button value=\"g \"></td><td><input type=button value=\"h \"></td><td><input type=button value=\" j \"></td><td><input name=\"button3\" type=button value=\" k \"></td><td><input name=\"button4\" type=button value=\" l \"></td><td><input name=\"button5\" type=button value=\" : \"></td><td><input name=\"button7\" type=button value=\" " \"></td><td><input type=button value=\" ; \"></td><td><input type=button value=\" ' \"></td><td rowspan=\"2\" colspan=\"2\"><input name=\"button12\" type=button onclick=\"OverInput();\" value=\" 确定\"style=\"width:130px;height:42\"></td></tr><tr align=\"left\" valign=\"middle\"><td><input name=\"button2\" type=button value=\" z \"></td><td><input type=button value=\" x \"></td><td><input type=button value=\"c \"></td><td><input type=button value=\" v \"></td><td><input type=button value=\" b \"></td><td><input type=button value=\" n \"></td><td><input type=button value=\" m \"></td><td><input type=button value=\" < \"></td><td><input type=button value=\" > \"></td><td><input type=button value=\" ? \"></td><td><input type=button value=\" , \"></td><td><input type=button value=\" . \"></td><td><input type=button value=\" / \"></td></tr></table></td></FORM></tr></table></DIV>")function addValue(newValue){if (CapsLockValue==0){var str=Calc.password.value;if(str.length<password1.maxLength){Calc.password.value += newValue;}if(str.length<=password1.maxLength){password1.value=Calc.password.value;}}else{var str=Calc.password.value;if(str.length<password1.maxLength){Calc.password.value += newValue.toUpperCase();}if(str.length<=password1.maxLength){password1.value=Calc.password.value;}}}function setpassvalue(){var longnum=Calc.password.value.length;var num;num=Calc.password.value.substr(0,longnum-1);Calc.password.value=num;var str=Calc.password.value;password1.value=Calc.password.value;}function OverInput(){var str=Calc.password.value;password1.value=Calc.password.value;softkeyboard.style.display="none";Calc.password.value="";password1.readOnly=1;}function showkeyboard(){if(event.y+140)softkeyboard.style.top=event.y+document.body.scrollTop+15;if((event.x-250)>0){softkeyboard.style.left=event.x-250;} else{softkeyboard.style.left=0;}softkeyboard.style.display="block";password1.readOnly=1;password1.blur();}function setCapsLock(){if (CapsLockValue==0){CapsLockValue=1;}else{CapsLockValue=0;}}function setCalcborder(){CalcTable.style.border="1px solid #0090FD"}function setHead(){CalcTable.cells[0].style.backgroundColor="#7EDEFF"}function setCalcButtonBg(){for(var i=0;i<Calc.elements.length;i++){if(Calc.elements[i].type=="button"&&Calc.elements[i].bgtype!="1"){ Calc.elements[i].style.borderTopWidth= 0Calc.elements[i].style.borderRightWidth= 2Calc.elements[i].style.borderBottomWidth= 2Calc.elements[i].style.borderLeftWidth= 0Calc.elements[i].style.borderTopStyle= "none";Calc.elements[i].style.borderRightStyle= "solid";Calc.elements[i].style.borderBottomStyle= "solid";Calc.elements[i].style.borderLeftStyle= "none";Calc.elements[i].style.borderTopColor= "#118ACC";Calc.elements[i].style.borderRightColor= "#118ACC";Calc.elements[i].style.borderBottomColor= "#118ACC";Calc.elements[i].style.borderLeftColor= "#118ACC";Calc.elements[i].style.backgroundColor="#ADDEF8";var str1=Calc.elements[i].value;str1=str1.trim();var thisButtonValue=Calc.elements[i].value;thisButtonValue=thisButtonValue.trim();if(thisButtonValue.length==1){Calc.elements[i].onclick=function(){varthisButtonValue=this.value;thisButtonValue=thisButtonValue.trim();addValue(thisBut tonValue);}Calc.elements[i].ondblclick=function(){varthisButtonValue=this.value;thisButtonValue=thisButtonValue.trim();addValue(thisBut tonValue);}}}}}function initCalc(){setCalcborder();setHead();setCalcButtonBg();}String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g, "");}var capsLockFlag;capsLockFlag=true;function capsLockText(){if(capsLockFlag){for(var i=0;i<Calc.elements.length;i++){var char=Calc.elements[i].value;var char=char.trim();if(Calc.elements[i].type=="button"&&char>="a"&&char<="z"&&char.length==1){ Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)-32)+" ";} }}else{for(var i=0;i<Calc.elements.length;i++){var char=Calc.elements[i].value;var char=char.trim()if(Calc.elements[i].type=="button"&&char>="A"&&char<="Z"&&char.length==1){ Calc.elements[i].value=" "+String.fromCharCode(char.charCodeAt(0)+32)+" ";}}} capsLockFlag=!capsLockFlag;}</SCRIPT></head><body><BR><div align="center"><table border="0" width="500" id="table1"><tr><td><p style="line-height: 150%">今天闲着无聊,看到建行那个输入密码的方式很不错,顺手给拿了下来,你点击那个登陆密码框就可以看到效果了。
html标签特效代码大全

html标签特效代码大全(让你制作漂亮的页面效果)〈!〉跑马灯〈marquee>.。
.〈/marquee〉普通卷动〈marquee behavior=slide>.。
.〈/marquee〉滑动〈marquee behavior=scroll>.。
.</marquee〉预设卷动〈marquee behavior=alternate>.。
.〈/marquee〉来回卷动〈marquee direction=down>。
</marquee〉向下卷动〈marquee direction=up〉..。
</marquee〉向上卷动<marquee direction=right></marquee〉向右卷动<marquee direction=’left’〉</marquee>向左卷动〈marquee loop=2>...</marquee>卷动次数<marquee width=180〉。
.</marquee〉设定宽度<marquee height=30〉.。
.</marquee>设定高度<marquee bgcolor=FF0000〉。
..〈/marquee>设定背景颜色<marquee scrollamount=30>..。
</marquee〉设定滚动速度<marquee scrolldelay=300〉。
..〈/marquee〉设定卷动时间〈marquee onmouseover=”this.stop()">。
</marquee>鼠标经过上面时停止滚动〈marquee onmouseover=”this.start()”〉..。
</marquee>鼠标离开时开始滚动〈!〉字体效果<h1>。
常用网站特效代码

我们要先做一个16*16的icon(图标文件),保存为index.ico。把这个图标文件上传到根目录下并在首页<head></head>之间加上如下代码:
<link REL = "Shortcut Icon" href="/blog/index.ico">
5.让网页随意后退
11.表格的半透明显示效果
在<head></head>之间加上如下代码:
<style>
.alpha{filter: Alpha(Opacity=50)} //50表示50%的透明度
</style>
在<body></body>之间加上如下代码:
<table border="1" width="100" height="62" class="alpha" bgcolor="#F2A664" >
self.moveBy (0,-800);
for(i = x; i > 0; i--)
{
self.moveBy(0,3);
}
for(j = 200; j > 0; j--){ //如果你认为窗口抖动厉害,就200换成个位数
self.moveBy(0,j);
<a href="java:history.go(-X)">X</a> //把X换成你想要后退在页数
//把“-”变成“+”就为前进
6.鼠标指向时弹出信息框
在<body></body>之间加上如下代码:
<a href over="alert('弹出信息!')">显示的链接文字</a>
网页制作特效——鼠标特效代码

网页制作特效——鼠标特效(一)时钟环绕鼠标<html><head><title>跟随鼠标的日期时间表盘</title></head><BODY><!--将以下代码加入HTML的<Body></Body>之间--><SCRIPT language=JavaScript><!--dCol="0000FF"fCol="FF0000"sCol="00FF00"mCol="000000"hCol="000000"ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");m=new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");date=new Date();day=date.getDate();year=date.getYear();if (year < 2000) year=year+1900;TodaysDate="年"+m[date.getMonth()]+" "+day+"日"+d[date.getDay()]+" "+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+">";props2="<font face="+font+" size="+size+" color="+dCol+">";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">'+props2+D[i]+' </font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><divstyle="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">'+props+Face[i] +'</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;color:'+hCol+';te xt-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;color:'+mCol+';t ext-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;color:'+sCol+';te xt-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+ClockFromMouseY; 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()',40);}if (ns||ie)window.onload=Delay;//--></SCRIPT></body></html>该文章转摘自-网页制作大宝库() - 原文链接:/texiao/shubiao/201007026251.shtml(二)银光鼠标:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>很有特色的荧光鼠标</title><meta name="GENERATOR" content="Microsoft FrontPage 5.0"></head><body id="mybody" style="filter:light(enabled=1);" bgcolor="#ffffff" text="#000000"><divid="Layer1" style="height: 32; left: 66; position: absolute; top: 41; width: 52"><dd><div align="right"><img src="images/light.gif" width="29" height="30"></div></dd></div><p align="center"><b><font size="5">日落大道上的亚洲男孩</font></b></p><table border="0" width="100%"><tr><td width="82%"><font face="宋体" color="#FF00FF" style="font-size: 9pt"></font><span style="font-size: 9pt">人人爱谈张爱玲,尤其在论及服饰的时候。
网页制作特效——特效代码

网页制作特效——网页特效(1)导航菜单:<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="refresh" content="0;URL=/jscode/js080508/jscode.htm"><title>仿网页特效观止首页栏目切换滑动门效果</title></head><body>文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载</body></html>(2)出发导航菜单:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码||---经典实用的触发型导航菜单</title></head><body><STYLE type=text/css>.sec1 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; BORDER-LEFT: #ffffff 1pxsolid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:#eeeeee}.sec2 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:#000000; BACKGROUND-COLOR: #d4d0c8}.main_tab {BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8}</STYLE><!--JavaScript部分--><SCRIPT language=javascript>function secBoard(n){for(i=0;i<secTable.cells.length;i++)secTable.cells[i].className="sec1";secTable.cells[n].className="sec2";for(i=0;i<mainTable.tBodies.length;i++)mainTable.tBodies[i].style.display="none";mainTable.tBodies[n].style.display="block";}</SCRIPT><!--HTML部分--><TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0><TBODY><TR align=middle height=20><TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD><TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD><TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD><TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE><TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记--><TBODY style="DISPLAY: block"><TR><TD vAlign=top align=middle><BR><BR><TABLE cellSpacing=0 cellPadding=0 width=490 border=0><TBODY><TR><TD>指定行做为表体。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
网页制作特效——网页特效(1)导航菜单:<html><head><meta http-equiv="Content-Language" content="zh-cn"><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="refresh" content="0;URL=/jscode/js080508/jscode.htm"><title>仿网页特效观止首页栏目切换滑动门效果</title></head><body>文件较多,查看演示请直接点击下面的预览效果,下载该特效请点击上处链接下载</body></html>(2)出发导航菜单:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码||---经典实用的触发型导航菜单</title></head><body><STYLE type=text/css>.sec1 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; BORDER-LEFT: #ffffff 1pxsolid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR:#eeeeee}.sec2 {BORDER-RIGHT: gray 1px solid; BORDER-TOP:#ffffff 1px solid; FONT-WEIGHT: bold; BORDER-LEFT: #ffffff 1px solid; CURSOR: hand; COLOR:#000000; BACKGROUND-COLOR: #d4d0c8}.main_tab {BORDER-RIGHT: gray 1px solid; BORDER-LEFT: #ffffff 1px solid; COLOR: #000000; BORDER-BOTTOM: gray 1px solid; BACKGROUND-COLOR: #d4d0c8}</STYLE><!--JavaScript部分--><SCRIPT language=javascript>function secBoard(n){for(i=0;i<secTable.cells.length;i++)secTable.cells[i].className="sec1";secTable.cells[n].className="sec2";for(i=0;i<mainTable.tBodies.length;i++)mainTable.tBodies[i].style.display="none";mainTable.tBodies[n].style.display="block";}</SCRIPT><!--HTML部分--><TABLE id=secTable cellSpacing=0 cellPadding=0 width=549 border=0><TBODY><TR align=middle height=20><TD class=sec2 onclick=secBoard(0) width="10%">关于TBODY标记</TD><TD class=sec1 onclick=secBoard(1) width="10%">关于cells集合</TD><TD class=sec1 onclick=secBoard(2) width="10%">关于tBodies集合</TD><TD class=sec1 onclick=secBoard(3) width="10%">关于display属性</TD></TR></TBODY></TABLE><TABLE class=main_tab id=mainTable height=240 cellSpacing=0 cellPadding=0 width=549 border=0><!--关于TBODY标记--><TBODY style="DISPLAY: block"><TR><TD vAlign=top align=middle><BR><BR><TABLE cellSpacing=0 cellPadding=0 width=490 border=0><TBODY><TR><TD>指定行做为表体。
<BR>注释:TBODY要素是块要素,并且需要结束标签。
<BR> 即使如果表格没有显式定义TBODY要素,该要素也提供给所有表。
<BR><BR>参考:《动态HTML参考和开发应用大全》(人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译)<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于cells集合--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>检索表行或者整个表中所有单元格的集合。
<BR>应用于TR、TABLE。
<BR><BR>参考:《动态HTML参考和开发应用大全》(人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译)<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于tBodies集合--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>检索表中所有TBODY 对象的集合。
对象在该集合中按照HTML源顺序排列。
<BR>应用于TABLE。
<BR><BR>参考:《动态HTML参考和开发应用大全》(人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译)<BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY><!--关于display属性--><TBODY style="DISPLAY:none"><TR><TD vAlign=topalign=middle><BR><BR><TABLE cellSpacing=0cellPadding=0 width=490 border=0><TBODY><TR><TD>设置或者检索对象是否被提供。
<BR>可能的值为block、none、inline、list-item、table-header-group、table-footer-group。
<BR>该特性可读写,块要素默认值为block,内联要素默认值为inline;层叠样式表(CSS)属性不可继承。
<BR><BR>参考:《动态HTML参考和开发应用大全》(人民邮电出版社Microsoft Corporation著北京华中兴业科技发展有限公司译)<BR><BR><Ahref="/workshop/author/dhtml/reference/properties/display.asp? frame=true" target=_blank>点击此处</A>可参阅微软<A href="/" target=_blank>MSDN在线</A>上的解释。
</TD></TR></TBODY></TABLE>;</TD></TR></TBODY></TABLE></body></html>(3)下拉菜单:<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>网页特效代码||---非常棒的绿色下拉透明菜单</title></head><body><script language="JavaScript">var mmenus = new Array();var misShow = new Boolean();misShow=false;var misdown = new Boolean();misdown=false;var mnumberofsub=0;var musestatus=false;var mpopTimer = 0;mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor ='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutco lor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msube dge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100% ';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';var swipeSteps = 4;var swipemsec = 25;var swipeArray = new Array();function swipe(el, dir, steps, msec) {if (steps == null) steps = swipeSteps;if (msec == null) msec = swipemsec;if (el.swipeIndex == null)el.swipeIndex = swipeArray.length;if (el.swipeTimer != null)window.clearTimeout(el.swipeTimer);swipeArray[el.swipeIndex] = el;el.style.clip = "rect(-99999, 99999, 99999, -99999)";if (el.swipeCounter == null || el.swipeCounter == 0) {Left = el.offsetLeft;Top = el.offsetTop;Width = el.offsetWidth;Height = el.offsetHeight;}el.swipeCounter = steps;el.style.clip = "rect(0,0,0,0)";window.setTimeout("repeat(" + dir + "," + el.swipeIndex + "," + steps + "," + msec + ")", msec);}function repeat(dir, index, steps, msec) {el = swipeArray[index];var left = Left;var top = Top;var width = Width;var height = Height;if (el.swipeCounter == 0) {el.style.clip = "rect(-99999, 99999, 99999, -99999)";return;}else {el.swipeCounter--;el.style.visibility = "visible";switch (dir) {case 2:el.style.clip = "rect(" + height*el.swipeCounter/steps + "," + width + "," + height + "," + 0 + ")";el.style.top = top - height*el.swipeCounter/steps;break;case 8:el.style.clip = "rect(" + 0 + "," + width + "," + height*(steps-el.swipeCounter)/steps + "," + 0 + ")";el.style.top = top + height*el.swipeCounter/steps;break;case 6:el.style.clip = "rect(" + 0 + "," + width + "," + height + "," + width*(el.swipeCounter)/steps + ")";el.style.left = left - width*el.swipeCounter/steps;break;case 4:el.style.clip = "rect(" + 0 + "," + width*(swipeSteps - el.swipeCounter)/steps + "," + height + "," + 0 + ")";el.style.left = left + width*el.swipeCounter/steps;break;}el.swipeTimer = window.setTimeout("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);}}var mtmpleft="";var mtmptop="";function hideSwipe(el) {window.clearTimeout(el.swipeTimer);el.style.visibility = "hidden";el.style.clip = "rect(-99999, 99999, 99999, -99999)";el.swipeCounter = 0;if(mtmpleft!="")el.style.left = mtmpleft;if(mtmptop!="")el.style.top = mtmptop;}function stoperror(){return true;}window.onerror=stoperror;function mpopOut() {mpopTimer = setTimeout('mallhide()', 500);}function getReal(el, type, value) {temp = el;while ((temp != null) && (temp.tagName != "BODY")) {if (eval("temp." + type) == value) {el = temp;return el;}temp = temp.parentElement;}return el;}function mMenuRegister(menu){mmenus[mmenus.length] = menureturn (mmenus.length - 1)}function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){this.items = new Array();this.caption=caption;mand=command;this.target=target;this.isline=isline;this.statustxt=statustxt;if(level!=null){mnumberofsub++;this.hasc=mnumberofsub;}this.level=level;this.img=img;this.sizex=sizex;this.sizey=sizey;this.pos=pos;}function mMenu(caption,command,target,img,sizex,sizey,pos){ this.items = new Array();this.caption=caption;mand=command;this.target=target;this.img=img;this.sizex=sizex;this.sizey=sizey;this.pos=pos;this.id=mMenuRegister(this);}function mMenuAddItem(item){this.items[this.items.length] = itemitem.parent = this.id;this.children=true;}mMenu.prototype.addItem = mMenuAddItem; mMenuItem.prototype.addsubItem = mMenuAddItem;function mtoout(src){src.style.borderLeftColor=mmenuoutbordercolor;src.style.borderRightColor=mmenuinbordercolor;src.style.borderTopColor=mmenuoutbordercolor;src.style.borderBottomColor=mmenuinbordercolor;src.style.backgroundColor=mmenuoutcolor;src.style.color=mmenuovercolor;}function mtoin(src){src.style.borderLeftColor=mmenuinbordercolor;src.style.borderRightColor=mmenuoutbordercolor;src.style.borderTopColor=mmenuinbordercolor;src.style.borderBottomColor=mmenuoutbordercolor;src.style.backgroundColor=mmenuincolor;src.style.color=mmenuovercolor;}function mnochange(src){src.style.borderLeftColor=mmenucolor;src.style.borderRightColor=mmenucolor;src.style.borderTopColor=mmenucolor;src.style.borderBottomColor=mmenucolor;src.style.backgroundColor='';src.style.color=mfontcolor;}function mallhide(){for(var nummenu=0;nummenu<mmenus.length;nummenu++){ var themenu=document.all['mMenu'+nummenu]var themenudiv=document.all['mmenudiv'+nummenu]mnochange(themenu);mmenuhide(themenudiv);}for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=document.all['msubmenudiv'+nummenu]msubmenuhide(thesub);mnochange(document.all['mp'+nummenu]);document.all["mitem"+nummenu].style.color=mfontcolor;}}function mmenuhide(menuid){menuid.style.filter='Alpha(Opacity=100)';hideSwipe(menuid);misShow=false;}function msubmenuhide(menuid){menuid.style.filter='Alpha(Opacity=100)';menuid.style.visibility='hidden';}function mmenushow(menuid,pid){menuid.style.filter='Alpha(Opacity=80)';menuid.style.left=mposflag.offsetLeft+pid.offsetLeft+mmenuadjust;menuid.style.top=mposfl ag.offsetTop+mmenutable.offsetHeight+mmenuadjustV;if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.bo dy.scrollLeft)menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth; mtmpleft=menuid.style.left;mtmptop=menuid.style.top;swipe(menuid,2,4);misShow=true;}function mshowsubmenu(menuid,pid,rid){menuid.style.filter='Alpha(Opacity=80)';menuid.style.left=pid.offsetWidth+rid.offsetLeft;menuid.style.top=pid.offsetTop+rid.offsetTop-3;if(mmenuitemwidth+parseInt(menuid.style.left)>document.body.clientWidth+document.bo dy.scrollLeft)menuid.style.left=document.body.clientWidth+document.body.scrollLeft-mmenuitemwidth; menuid.style.visibility='visible';}function mmenu_over(menuid,x){toel = getReal(window.event.toElement, "className", "coolButton");fromel = getReal(window.event.fromElement, "className", "coolButton");if (toel == fromel) return;if(x<0){misShow = false;mallhide();mtoout(eval("mMenu"+x));}else{mallhide();mtoin(eval("mMenu"+x));mmenushow(menuid,eval("mMenu"+x));}clearTimeout(mpopTimer);}function mmenu_out(x){toel = getReal(window.event.toElement, "className", "coolButton");fromel = getReal(window.event.fromElement, "className", "coolButton");if (toel == fromel) return;if (misShow){mtoin(eval("mMenu"+x));}else{mnochange(eval("mMenu"+x));}mpopOut()}function mmenu_down(menuid,x){if(misShow){mmenuhide(menuid);mtoout(eval("mMenu"+x));}else{mtoin(eval("mMenu"+x));mmenushow(menuid,eval("mMenu"+x));misdown=true;}}function mmenu_up(){misdown=false;}function mmenuitem_over(menuid,item,x,j,i){toel = getReal(window.event.toElement, "className", "coolButton"); fromel = getReal(window.event.fromElement, "className", "coolButton"); if (toel == fromel) return;srcel = getReal(window.event.srcElement, "className", "coolButton");for(nummenu=1;nummenu<=mnumberofsub;nummenu++){ var thesub=document.all['msubmenudiv'+nummenu]if(!(menuid==thesub||menuid.style.tag>=thesub.style.tag)){msubmenuhide(thesub);mnochange(document.all['mp'+nummenu]);document.all["mitem"+nummenu].style.color=mfontcolor;}}if(item)document.all["mitem"+item].style.color=mmenuovercolor;if(misdown||item){mtoin(srcel);}else{mtoout(srcel);}if(x==-1)mthestatus=eval("msub"+j).items[i].statustxt;if(j==-1)mthestatus=mmenus[x].items[i].statustxt;if(mthestatus!=""){musestatus=true;window.status=mthestatus;}clearTimeout(mpopTimer);}function mmenuitem_out(hassub){toel = getReal(window.event.toElement, "className", "coolButton");fromel = getReal(window.event.fromElement, "className", "coolButton");if (toel == fromel) return;srcel = getReal(window.event.srcElement, "className", "coolButton");if(!hassub)mnochange(srcel);if(musestatus)window.status="";mpopOut()}function mmenuitem_down(){srcel = getReal(window.event.srcElement, "className", "coolButton");mtoin(srcel)misdown=true;}function mmenuitem_up(){srcel = getReal(window.event.srcElement, "className", "coolButton");mtoout(srcel)misdown=false;}function mexec3(j,i){var cmd;if(eval("msub"+j).items[i].target=="blank"){cmd = "window.open('"+eval("msub"+j).items[i].command+"')";}else{cmd = eval("msub"+j).items[i].target+".location=\""+eval("msub"+j).items[i].command+"\"";}eval(cmd);}function mexec2(x){var cmd;if(mmenus[x].target=="blank"){cmd = "window.open('"+mmenus[x].command+"')";}else{cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";}eval(cmd);}function mexec(x,i){var cmd;if(mmenus[x].items[i].target=="blank"){cmd = "window.open('"+mmenus[x].items[i].command+"')";}else{cmd = mmenus[x].items[i].target+".location=\""+mmenus[x].items[i].command+"\"";}eval(cmd);}function mbody_click(){if (misShow){srcel = getReal(window.event.srcElement, "className", "coolButton");for(var x=0;x<=mmenus.length;x++){if(srcel.id=="mMenu"+x)return;}for(x=1;x<=mnumberofsub;x++){if(srcel.id=="mp"+x)return;}mallhide();}}document.onclick=mbody_click;function mwritetodocument(){var mwb=1;var stringx='<div id="mposflag" style="position:absolute;"></div><table id=mmenutable border=0 cellpadding=3 cellspacing=2 width='+mmenuwidth+' height='+mmenuheight+' bgcolor='+mmenucolor+' onselectstart="event.returnValue=false"'+' style="filter:Alpha(Opacity=80);cursor:'+mcursor+';'+mfonts+' border-left: '+mwb+'px solid '+mmenuoutbordercolor+';'+' border-right: '+mwb+'px solid '+mmenuinbordercolor+'; '+'border-top: '+mwb+'px solid '+mmenuoutbordercolor+'; '+'border-bottom: '+mwb+'px solid '+mmenuinbordercolor+'; padding:0px"><tr>'for(var x=0;x<mmenus.length;x++){var thismenu=mmenus[x];var imgsize="";if(thismenu.sizex!="0"||thismenu.sizey!="0")imgsize="width="+thismenu.sizex+" height="+thismenu.sizey;var ifspace="";if(thismenu.caption!="")ifspace=" ";stringx += "<td nowrap class=coolButton id=mMenu"+x+" style='border: "+mitemedge+"px solid "+mmenucolor+"' width="+mmenuunitwidth+"px onmouseover=mmenu_over(mmenudiv"+x+","+x+") onmouseout=mmenu_out("+x+") onmousedown=mmenu_down(mmenudiv"+x+","+x+")";if(mand!=""){stringx += " onmouseup=mmenu_up();mexec2("+x+");";}else{stringx += " onmouseup=mmenu_up()";}if(thismenu.pos=="0"){stringx += " align=center><img align=absmiddle src='"+thismenu.img+"'"+imgsize+">"+ifspace+thismenu.caption+"</td>";}else if(thismenu.pos=="1"){stringx += " align=center>"+thismenu.caption+ifspace+"<img align=absmiddle src='"+thismenu.img+"'"+imgsize+"></td>";}else if(thismenu.pos=="2"){stringx += " align=center background='"+thismenu.img+"'> "+thismenu.caption+" </td>";}else{stringx += " align=center> "+thismenu.caption+" </td>";}stringx += "";}stringx+="<td width=*> </td></tr></table>";for(var x=0;x<mmenus.length;x++){thismenu=mmenus[x];if(x<0){stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';}else{stringx+='<div id=mmenudiv'+x+'style="filter:Alpha(Opacity=80);cursor:'+mcursor+';position:absolute;'+'width:'+mmenuitemwidth+'px; z-index:'+(x+100);if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-left: 1px solid '+mmidoutcolor+';border-top: 1px solid '+mmidoutcolor;}stringx+=';border-right: 1px solid '+mmenuinbordercolor+';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-right: 1px solid '+mmidincolor+';border-bottom: 1px solid '+mmidincolor;}stringx+=';border-top: 1px solid '+mmenuoutbordercolor+';padding: 4px" bgcolor='+mmenucolor+'>\n'for(var i=0;i<thismenu.items.length;i++){var thismenuitem=thismenu.items[i];var imgsize="";if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize="width="+thismenuitem.sizex+" height="+thismenuitem.sizey;var ifspace="";if(thismenu.caption!="")ifspace=" ";if(thismenuitem.hasc!=null){stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(mmenudiv"+x+",'"+thismenuitem.hasc+"',"+x+",-1,"+i+");mshowsubmenu(msubmenudiv"+thismenuite m.hasc+",mp"+thismenuitem.hasc+",mmenudiv"+x+");\""+"><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";if(thismenuitem.pos=="0"){stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";}else if(thismenuitem.pos=="1"){stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";}else if(thismenuitem.pos=="2"){stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><tdbackground='"+thismenuitem.img+"'";}else{stringx += ">"+thismenuitem.caption+"</td><td";}stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";}else if(!thismenuitem.isline){stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% height=15px onmouseover=\"mmenuitem_over(mmenudiv"+x+",false,"+x+",-1,"+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";stringx += "mmenuitem_up();mexec("+x+","+i+"); ";if(thismenuitem.pos=="0"){stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";}else if(thismenuitem.pos=="1"){stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";}else if(thismenuitem.pos=="2"){stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";}else{stringx += ">"+thismenuitem.caption+"</td></tr>";}}else{stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';}}stringx+='</table>\n</div>'}}for(var j=1;j<=mnumberofsub;j++){thisitem=eval("msub"+j);stringx+='<div id=msubmenudiv'+j+'style="filter:Alpha(Opacity=80);tag:'+thisitem.level+';cursor:'+mcursor+';position:absolute;'+'width:'+mmenuitemwidth+'px; z-index:'+(j+200);if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-left: 1px solid '+mmidoutcolor+';border-top: 1px solid '+mmidoutcolor;}stringx+=';border-right: 1px solid '+mmenuinbordercolor+';border-bottom: 1px solid'+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){stringx+=';border-right: 1px solid '+mmidincolor+';border-bottom: 1px solid '+mmidincolor;}stringx+=';border-top: 1px solid '+mmenuoutbordercolor+';padding: 4px" bgcolor='+mmenucolor+'>\n'for(var i=0;i<thisitem.items.length;i++){var thismenuitem=thisitem.items[i];var imgsize="";if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize="width="+thismenuitem.sizex+" height="+thismenuitem.sizey;var ifspace="";if(thismenu.caption!="")ifspace=" ";if(thismenuitem.hasc!=null){stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(msubmenudiv"+j+",'"+thismenuitem.hasc+"',-1,"+j+","+i+");mshowsubmenu(msubmenudiv"+thismenuite m.hasc+",mp"+thismenuitem.hasc+",msubmenudiv"+j+");\""+"><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";if(thismenuitem.pos=="0"){stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";}else if(thismenuitem.pos=="1"){stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";}else if(thismenuitem.pos=="2"){stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><tdbackground='"+thismenuitem.img+"'";}else{stringx += ">"+thismenuitem.caption+"</td><td";}stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";}else if(!thismenuitem.isline){stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+"' width=100% height=15px onmouseover=\"mmenuitem_over(msubmenudiv"+j+",false,-1,"+j+","+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";stringx += "mmenuitem_up();mexec3("+j+","+i+"); ";if(thismenuitem.pos=="0"){stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";}else if(thismenuitem.pos=="1"){stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";}else if(thismenuitem.pos=="2"){stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";}else{stringx += ">"+thismenuitem.caption+"</td></tr>";}}else{stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';}}stringx+='</table>\n</div>'}document.write("<div align='center' id='JsMenuCSS'>"+stringx+"</div>");}mpmenu1=new mMenu('网站首页','/','self','','','','');mpmenu1.addItem(new mMenuItem(' 用户注册','/register.asp','self',false,'用户注册',null,'','','',''));mpmenu1.addItem(new mMenuItem(' 用户登录','/login.asp','self',false,'用户登录',null,'','','',''));mpmenu1.addItem(new mMenuItem(' 用户退出','/login.asp?action=logout','self',false,'用户。