一些收集整理非常不错的JS效果代码

　　按A就会跳转到练习的网页,请按A

　　类似与QQ的好友/黑名单之类的树型菜单

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
</HEAD> 
<BODY> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0Aif%20(!document.getElementById)%20%0D%0Adocument.getElementById%20%3D%20function()%20%7B%20return%20null%3B%20%7D%20%0D%0Afunction%20initializeMenu(menuId%2C%20actuatorId)%20%7B%20%0D%0Avar%20menu%20%3D%20document.getElementById(menuId)%3B%20%0D%0Avar%20actuator%20%3D%20document.getElementById(actuatorId)%3B%20%0D%0Aif%20(menu%20%3D%3D%20null%20%7C%7C%20actuator%20%3D%3D%20null)%20return%3B%20%0D%0A%2F%2Fif%20(window.opera)%20return%3B%20%2F%2F%20I'm%20too%20tired%20%0D%0Aactuator.parentNode.style.backgroundImage%20%3D%20%22url(%2Fimages%2Fplus.gif)%22%3B%20%0D%0Aactuator.onclick%20%3D%20function()%20%7B%20%0D%0Avar%20display%20%3D%20menu.style.display%3B%20%0D%0Athis.parentNode.style.backgroundImage%20%3D%20%0D%0A(display%20%3D%3D%20%22block%22)%20%3F%20%22url(%2Fimages%2Fplus.gif)%22%20%3A%20%22url(%2Fimages%2Fminus.gif)%22%3B%20%0D%0Amenu.style.display%20%3D%20(display%20%3D%3D%20%22block%22)%20%3F%20%22none%22%20%3A%20%22block%22%3B%20%0D%0Areturn%20false%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Awindow.onload%20%3D%20function()%20%7B%20%0D%0AinitializeMenu(%22productsMenu%22%2C%20%22productsActuator%22)%3B%20%0D%0AinitializeMenu(%22newPhonesMenu%22%2C%20%22newPhonesActuator%22)%3B%20%0D%0AinitializeMenu(%22compareMenu%22%2C%20%22compareActuator%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<style> 
body { 
font-family: verdana, helvetica, arial, sans-serif; 
} 
#mainMenu { 
background-color: #EEE; 
border: 1px solid #CCC; 
color: #000; 
width: 203px; 
} 
#menuList { 
margin: 0px; 
padding: 10px 0px 10px 15px; 
} 
li.menubar { 
background: url(/images/plus.gif) no-repeat 0em 0.3em; 
font-size: 12px; 
line-height: 1.5em; 
list-style: none outside; 
} 
.menu, .submenu { 
display: none; 
margin-left: 15px; 
padding: 0px; 
} 
.menu li, .submenu li { 
background: url(/images/square.gif) no-repeat 0em 0.3em; 
list-style: none outside; 
} 
a.actuator { 
background-color: transparent; 
color: #000; 
font-size: 12px; 
padding-left: 15px; 
text-decoration: none; 
} 
a.actuator:hover { 
text-decoration: underline; 
} 
.menu li a, .submenu li a { 
background-color: transparent; 
color: #000; 
font-size: 12px; 
padding-left: 15px; 
text-decoration: none; 
} 
.menu li a:hover, submenu li a:hover { 
/*border-bottom: 1px dashed #000;*/ 
text-decoration: underline; 
} 
span.key { 
text-decoration: underline; 
} 
</style> 
</head> 
<body> 
<div id="mainMenu"> 
<ul id="menuList"> 
<li class="menubar"> 
<a href="#" _ewebeditor_ta_href="%23" id="productsActuator" class="actuator">图秀地带收藏夹</a> 
<ul id="productsMenu" class="menu"> 
<li> 
<a href="#" _ewebeditor_ta_href="%23" id="newPhonesActuator" class="actuator">我的好友</a> 
<ul id="newPhonesMenu" class="submenu"> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">张三[10000001]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">李四[10000002]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">张三[10000001]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">李四[10000002]</a></li> 
</ul> 
</li> 
<li> 
<a href="#" _ewebeditor_ta_href="%23" id="compareActuator" class="actuator">陌生人</a> 
<ul id="compareMenu" class="submenu"> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">张三[10000001]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">李四[10000002]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">张三[10000001]</a></li> 
<li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001" _ewebeditor_ta_href="http%3A%2F%2Fmc.mapabc.com%2Fmapcard%2Fcard.jsp%3Fpp%3D1000000001">李四[10000002]</a></li> 
</ul> 
</li> 
</ul> 
</li> 
</ul> 
</div> 
</body> 
</BODY> 
</HTML>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　超级强大的表单验证

<title>表单验证类 Validator v1.01</title> 
<style> 
body,td{font:normal 12px Verdana;color:#333333} 
input,textarea,select,td{font:normal 12px Verdana;color:#333333;border:1px solid #999999;background:#ffffff} 
table{border-collapse:collapse;} 
td{padding:3px} 
input{height:20;} 
textarea{width:80%;height:50px;overfmin:auto;} 
form{display:inline} 
</style> 
<table align="center"> 
<form name="theForm" id="demo" action="" method="get" onSubmit="return Validator.Validate(this,2)"> 
<tr> 
<td>真实姓名：</td><td><input name="Name" dataType="Chinese" msg="真实姓名只允许中文"></td> 
</tr> 
<tr> 
<td>英文名：</td><td><input name="Nick" dataType="English" require="false" msg="英文名只允许英文字母"></td> 
</tr> 
<tr> 
<td>主页：</td><td><input name="Homepage" require="false" dataType="Url" msg="非法的Url"></td> 
</tr> 
<tr> 
<td>密码：</td><td><input name="Password" dataType="SafeString" msg="密码不符合安全规则" type="password"></td> 
</tr> 
<tr> 
<td>重复：</td><td><input name="Repeat" dataType="Repeat" to="Password" msg="两次输入的密码不一致" type="password"></td> 
</tr> 
<tr> 
<td>信箱：</td><td><input name="Email" dataType="Email" msg="信箱格式不正确"></td> 
</tr> 
<tr> 
<td>信箱：</td><td><input name="Email" dataType="Repeat" to="Email" msg="两次输入的信箱不一致"></td> 
</tr> 
<tr> 
<td>QQ：</td><td><input name="QQ" require="false" dataType="QQ" msg="QQ号码不存在"></td> 
</tr> 
<tr> 
<td>身份证：</td><td><input name="Card" dataType="IdCard" msg="身份证号码不正确"></td> 
</tr> 
<tr> 
<td>年龄：</td><td><input name="Year" dataType="Range" msg="年龄必须在18~28之间" min="18" max="28"></td> 
</tr> 
<tr> 
<td>年龄1：</td><td><input name="Year1" require="false" dataType="Compare" msg="年龄必须在18以上" to="18" operator="GreaterThanEqual"></td> 
</tr> 
<tr> 
<td>电话：</td><td><input name="Phone" require="false" dataType="Phone" msg="电话号码不正确"></td> 
</tr> 
<tr> 
<td>手机：</td><td><input name="Mobile" require="false" dataType="Mobile" msg="手机号码不正确"></td> 
</tr> 
<tr> 
<td>生日：</td><td><input name="Birthday" dataType="Date" format="ymd" msg="生日日期不存在"></td> 
</tr> 
<tr> 
<td>邮政编码：</td><td><input name="Zip" dataType="Custom" regexp="^[1-9]\d{5}$" msg="邮政编码不存在"></td> 
</tr> 
<tr> 
<td>邮政编码：</td><td><input name="Zip1" dataType="Zip" msg="邮政编码不存在"></td> 
</tr> 
<tr> 
<td>操作系统：</td><td><select name="Operation" dataType="Require" msg="未选择所用操作系统" ><option value="">选择您所用的操作系统</option><option value="Win98">Win98</option><option value="Win2k">Win2k</option><option value="WinXP">WinXP</option></select></td> 
</tr> 
<tr> 
<td>所在省份：</td><td>广东<input name="Province" value="1" type="radio">陕西<input name="Province" value="2" type="radio">浙江<input name="Province" value="3" type="radio">江西<input name="Province" value="4" type="radio" dataType="Group" msg="必须选定一个省份" ></td> 
</tr> 
<tr> 
<td>爱好：</td><td>运动<input name="Favorite" value="1" type="checkbox">上网<input name="Favorite" value="2" type="checkbox">听音乐<input name="Favorite" value="3" type="checkbox">看书<input name="Favorite" value="4" type="checkbox"" dataType="Group" min="2" max="3" msg="必须选择2~3种爱好"></td> 
</tr> 
<td>自我介绍：</td><td><textarea name="Description" dataType="Limit" max="10" msg="自我介绍内容必须在10个字之内">中文是一个字</textarea></td> 
</tr> 
<td>自传：</td><td><textarea name="History" dataType="LimitB" min="3" max="10" msg="自传内容必须在[3,10]个字节之内">中文是两个字节t</textarea></td> 
</tr> 
<tr> 
<td colspan="2"><input name="Submit" type="submit" value="确定提交"><input onClick="Validator.Validate(document.getElementById('demo'))" value="检验模式1" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),2)" value="检验模式2" type="button"><input onClick="Validator.Validate(document.getElementById('demo'),3)" value="检验模式3" type="button"></td> 
</tr> 
</form> 
</table> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3E%20%0D%0A%2F*************************************************%20%0D%0AValidator%20v1.01%20%0D%0Acode%20by%20%E6%88%91%E4%BD%9B%E5%B1%B1%E4%BA%BA%20%0D%0Awfsr%40cunite.com%20%0D%0Ahttp%3A%2F%2Fwww.cunite.com%20%0D%0A*************************************************%2F%20%0D%0AValidator%20%3D%20%7B%20%0D%0ARequire%20%3A%20%2F.%2B%2F%2C%20%0D%0AEmail%20%3A%20%2F%5E%5Cw%2B(%5B-%2B.%5D%5Cw%2B)*%40%5Cw%2B(%5B-.%5D%5Cw%2B)*%5C.%5Cw%2B(%5B-.%5D%5Cw%2B)*%24%2F%2C%20%0D%0APhone%20%3A%20%2F%5E((%5C(%5Cd%7B3%7D%5C))%7C(%5Cd%7B3%7D%5C-))%3F(%5C(0%5Cd%7B2%2C3%7D%5C)%7C0%5Cd%7B2%2C3%7D-)%3F%5B1-9%5D%5Cd%7B6%2C7%7D%24%2F%2C%20%0D%0AMobile%20%3A%20%2F%5E((%5C(%5Cd%7B3%7D%5C))%7C(%5Cd%7B3%7D%5C-))%3F13%5Cd%7B9%7D%24%2F%2C%20%0D%0AUrl%20%3A%20%2F%5Ehttp%3A%5C%2F%5C%2F%5BA-Za-z0-9%5D%2B%5C.%5BA-Za-z0-9%5D%2B%5B%5C%2F%3D%5C%3F%25%5C-%26_~%60%40%5B%5C%5D%5C'%3A%2B!%5D*(%5B%5E%3C%3E%5C%22%5C%22%5D)*%24%2F%2C%20%0D%0AIdCard%20%3A%20%2F%5E%5Cd%7B15%7D(%5Cd%7B2%7D%5BA-Za-z0-9%5D)%3F%24%2F%2C%20%0D%0ACurrency%20%3A%20%2F%5E%5Cd%2B(%5C.%5Cd%2B)%3F%24%2F%2C%20%0D%0ANumber%20%3A%20%2F%5E%5Cd%2B%24%2F%2C%20%0D%0AZip%20%3A%20%2F%5E%5B1-9%5D%5Cd%7B5%7D%24%2F%2C%20%0D%0AQQ%20%3A%20%2F%5E%5B1-9%5D%5Cd%7B4%2C8%7D%24%2F%2C%20%0D%0AInteger%20%3A%20%2F%5E%5B-%5C%2B%5D%3F%5Cd%2B%24%2F%2C%20%0D%0ADouble%20%3A%20%2F%5E%5B-%5C%2B%5D%3F%5Cd%2B(%5C.%5Cd%2B)%3F%24%2F%2C%20%0D%0AEnglish%20%3A%20%2F%5E%5BA-Za-z%5D%2B%24%2F%2C%20%0D%0AChinese%20%3A%20%2F%5E%5B%5Cu0391-%5CuFFE5%5D%2B%24%2F%2C%20%0D%0AUnSafe%20%3A%20%2F%5E((%5BA-Z%5D*%7C%5Ba-z%5D*%7C%5Cd*%7C%5B-_%5C~!%40%23%5C%24%25%5C%5E%26%5C*%5C.%5C(%5C)%5C%5B%5C%5D%5C%7B%5C%7D%3C%3E%5C%3F%5C%5C%5C%2F%5C'%5C%22%5D*)%7C.%7B0%2C5%7D)%24%7C%5Cs%2F%2C%20%0D%0AIsSafe%20%3A%20function(str)%7Breturn%20!this.UnSafe.test(str)%3B%7D%2C%20%0D%0ASafeString%20%3A%20%22this.IsSafe(value)%22%2C%20%0D%0ALimit%20%3A%20%22this.limit(value.length%2CgetAttribute('min')%2C%20getAttribute('max'))%22%2C%20%0D%0ALimitB%20%3A%20%22this.limit(this.LenB(value)%2C%20getAttribute('min')%2C%20getAttribute('max'))%22%2C%20%0D%0ADate%20%3A%20%22this.IsDate(value%2C%20getAttribute('min')%2C%20getAttribute('format'))%22%2C%20%0D%0ARepeat%20%3A%20%22value%20%3D%3D%20document.getElementsByName(getAttribute('to'))%5B0%5D.value%22%2C%20%0D%0ARange%20%3A%20%22getAttribute('min')%20%3C%20value%20%26%26%20value%20%3C%20getAttribute('max')%22%2C%20%0D%0ACompare%20%3A%20%22this.compare(value%2CgetAttribute('operator')%2CgetAttribute('to'))%22%2C%20%0D%0ACustom%20%3A%20%22this.Exec(value%2C%20getAttribute('regexp'))%22%2C%20%0D%0AGroup%20%3A%20%22this.MustChecked(getAttribute('name')%2C%20getAttribute('min')%2C%20getAttribute('max'))%22%2C%20%0D%0AErrorItem%20%3A%20%5Bdocument.forms%5B0%5D%5D%2C%20%0D%0AErrorMessage%20%3A%20%5B%22%E4%BB%A5%E4%B8%8B%E5%8E%9F%E5%9B%A0%E5%AF%BC%E8%87%B4%E6%8F%90%E4%BA%A4%E5%A4%B1%E8%B4%A5%EF%BC%9A%5Ct%5Ct%5Ct%5Ct%22%5D%2C%20%0D%0AValidate%20%3A%20function(theForm%2C%20mode)%7B%20%0D%0Avar%20obj%20%3D%20theForm%20%7C%7C%20event.srcElement%3B%20%0D%0Avar%20count%20%3D%20obj.elements.length%3B%20%0D%0Athis.ErrorMessage.length%20%3D%201%3B%20%0D%0Athis.ErrorItem.length%20%3D%201%3B%20%0D%0Athis.ErrorItem%5B0%5D%20%3D%20obj%3B%20%0D%0Afor(var%20i%3D0%3Bi%3Ccount%3Bi%2B%2B)%7B%20%0D%0Awith(obj.elements%5Bi%5D)%7B%20%0D%0Avar%20_dataType%20%3D%20getAttribute(%22dataType%22)%3B%20%0D%0Aif(typeof(_dataType)%20%3D%3D%20%22object%22%20%7C%7C%20typeof(this%5B_dataType%5D)%20%3D%3D%20%22undefined%22)%20continue%3B%20%0D%0Athis.ClearState(obj.elements%5Bi%5D)%3B%20%0D%0Aif(getAttribute(%22require%22)%20%3D%3D%20%22false%22%20%26%26%20value%20%3D%3D%20%22%22)%20continue%3B%20%0D%0Aswitch(_dataType)%7B%20%0D%0Acase%20%22Date%22%20%3A%20%0D%0Acase%20%22Repeat%22%20%3A%20%0D%0Acase%20%22Range%22%20%3A%20%0D%0Acase%20%22Compare%22%20%3A%20%0D%0Acase%20%22Custom%22%20%3A%20%0D%0Acase%20%22Group%22%20%3A%20%0D%0Acase%20%22Limit%22%20%3A%20%0D%0Acase%20%22LimitB%22%20%3A%20%0D%0Acase%20%22SafeString%22%20%3A%20%0D%0Aif(!eval(this%5B_dataType%5D))%20%7B%20%0D%0Athis.AddError(i%2C%20getAttribute(%22msg%22))%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0Adefault%20%3A%20%0D%0Aif(!this%5B_dataType%5D.test(value))%7B%20%0D%0Athis.AddError(i%2C%20getAttribute(%22msg%22))%3B%20%0D%0A%7D%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aif(this.ErrorMessage.length%20%3E%201)%7B%20%0D%0Amode%20%3D%20mode%20%7C%7C%201%3B%20%0D%0Avar%20errCount%20%3D%20this.ErrorItem.length%3B%20%0D%0Aswitch(mode)%7B%20%0D%0Acase%202%20%3A%20%0D%0Afor(var%20i%3D1%3Bi%3CerrCount%3Bi%2B%2B)%20%0D%0Athis.ErrorItem%5Bi%5D.style.color%20%3D%20%22red%22%3B%20%0D%0Acase%201%20%3A%20%0D%0Aalert(this.ErrorMessage.join(%22%5Cn%22))%3B%20%0D%0Athis.ErrorItem%5B1%5D.focus()%3B%20%0D%0Abreak%3B%20%0D%0Acase%203%20%3A%20%0D%0Afor(var%20i%3D1%3Bi%3CerrCount%3Bi%2B%2B)%7B%20%0D%0Atry%7B%20%0D%0Avar%20span%20%3D%20document.createElement(%22SPAN%22)%3B%20%0D%0Aspan.id%20%3D%20%22__ErrorMessagePanel%22%3B%20%0D%0Aspan.style.color%20%3D%20%22red%22%3B%20%0D%0Athis.ErrorItem%5Bi%5D.parentNode.appendChild(span)%3B%20%0D%0Aspan.innerHTML%20%3D%20this.ErrorMessage%5Bi%5D.replace(%2F%5Cd%2B%3A%2F%2C%22*%22)%3B%20%0D%0A%7D%20%0D%0Acatch(e)%7Balert(e.description)%3B%7D%20%0D%0A%7D%20%0D%0Athis.ErrorItem%5B1%5D.focus()%3B%20%0D%0Abreak%3B%20%0D%0Adefault%20%3A%20%0D%0Aalert(this.ErrorMessage.join(%22%5Cn%22))%3B%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0Areturn%20false%3B%20%0D%0A%7D%20%0D%0Areturn%20true%3B%20%0D%0A%7D%2C%20%0D%0Alimit%20%3A%20function(len%2Cmin%2C%20max)%7B%20%0D%0Amin%20%3D%20min%20%7C%7C%200%3B%20%0D%0Amax%20%3D%20max%20%7C%7C%20Number.MAX_VALUE%3B%20%0D%0Areturn%20min%20%3C%3D%20len%20%26%26%20len%20%3C%3D%20max%3B%20%0D%0A%7D%2C%20%0D%0ALenB%20%3A%20function(str)%7B%20%0D%0Areturn%20str.replace(%2F%5B%5E%5Cx00-%5Cxff%5D%2Fg%2C%22**%22).length%3B%20%0D%0A%7D%2C%20%0D%0AClearState%20%3A%20function(elem)%7B%20%0D%0Awith(elem)%7B%20%0D%0Aif(style.color%20%3D%3D%20%22red%22)%20%0D%0Astyle.color%20%3D%20%22%22%3B%20%0D%0Avar%20lastNode%20%3D%20parentNode.childNodes%5BparentNode.childNodes.length-1%5D%3B%20%0D%0Aif(lastNode.id%20%3D%3D%20%22__ErrorMessagePanel%22)%20%0D%0AparentNode.removeChild(lastNode)%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AAddError%20%3A%20function(index%2C%20str)%7B%20%0D%0Athis.ErrorItem%5Bthis.ErrorItem.length%5D%20%3D%20this.ErrorItem%5B0%5D.elements%5Bindex%5D%3B%20%0D%0Athis.ErrorMessage%5Bthis.ErrorMessage.length%5D%20%3D%20this.ErrorMessage.length%20%2B%20%22%3A%22%20%2B%20str%3B%20%0D%0A%7D%2C%20%0D%0AExec%20%3A%20function(op%2C%20reg)%7B%20%0D%0Areturn%20new%20RegExp(reg%2C%22g%22).test(op)%3B%20%0D%0A%7D%2C%20%0D%0Acompare%20%3A%20function(op1%2Coperator%2Cop2)%7B%20%0D%0Aswitch%20(operator)%20%7B%20%0D%0Acase%20%22NotEqual%22%3A%20%0D%0Areturn%20(op1%20!%3D%20op2)%3B%20%0D%0Acase%20%22GreaterThan%22%3A%20%0D%0Areturn%20(op1%20%3E%20op2)%3B%20%0D%0Acase%20%22GreaterThanEqual%22%3A%20%0D%0Areturn%20(op1%20%3E%3D%20op2)%3B%20%0D%0Acase%20%22LessThan%22%3A%20%0D%0Areturn%20(op1%20%3C%20op2)%3B%20%0D%0Acase%20%22LessThanEqual%22%3A%20%0D%0Areturn%20(op1%20%3C%3D%20op2)%3B%20%0D%0Adefault%3A%20%0D%0Areturn%20(op1%20%3D%3D%20op2)%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AMustChecked%20%3A%20function(name%2C%20min%2C%20max)%7B%20%0D%0Avar%20groups%20%3D%20document.getElementsByName(name)%3B%20%0D%0Avar%20hasChecked%20%3D%200%3B%20%0D%0Amin%20%3D%20min%20%7C%7C%201%3B%20%0D%0Amax%20%3D%20max%20%7C%7C%20groups.length%3B%20%0D%0Afor(var%20i%3Dgroups.length-1%3Bi%3E%3D0%3Bi--)%20%0D%0Aif(groups%5Bi%5D.checked)%20hasChecked%2B%2B%3B%20%0D%0Areturn%20min%20%3C%3D%20hasChecked%20%26%26%20hasChecked%20%3C%3D%20max%3B%20%0D%0A%7D%2C%20%0D%0AIsDate%20%3A%20function(op%2C%20formatString)%7B%20%0D%0AformatString%20%3D%20formatString%20%7C%7C%20%22ymd%22%3B%20%0D%0Avar%20m%2C%20year%2C%20month%2C%20day%3B%20%0D%0Aswitch(formatString)%7B%20%0D%0Acase%20%22ymd%22%20%3A%20%0D%0Am%20%3D%20op.match(new%20RegExp(%22%5E((%5C%5Cd%7B4%7D)%7C(%5C%5Cd%7B2%7D))(%5B-.%2F%5D)(%5C%5Cd%7B1%2C2%7D)%5C%5C4(%5C%5Cd%7B1%2C2%7D)%24%22))%3B%20%0D%0Aif(m%20%3D%3D%20null%20)%20return%20false%3B%20%0D%0Aday%20%3D%20m%5B6%5D%3B%20%0D%0Amonth%20%3D%20m%5B5%5D--%3B%20%0D%0Ayear%20%3D%20(m%5B2%5D.length%20%3D%3D%204)%20%3F%20m%5B2%5D%20%3A%20GetFullYear(parseInt(m%5B3%5D%2C%2010))%3B%20%0D%0Abreak%3B%20%0D%0Acase%20%22dmy%22%20%3A%20%0D%0Am%20%3D%20op.match(new%20RegExp(%22%5E(%5C%5Cd%7B1%2C2%7D)(%5B-.%2F%5D)(%5C%5Cd%7B1%2C2%7D)%5C%5C2((%5C%5Cd%7B4%7D)%7C(%5C%5Cd%7B2%7D))%24%22))%3B%20%0D%0Aif(m%20%3D%3D%20null%20)%20return%20false%3B%20%0D%0Aday%20%3D%20m%5B1%5D%3B%20%0D%0Amonth%20%3D%20m%5B3%5D--%3B%20%0D%0Ayear%20%3D%20(m%5B5%5D.length%20%3D%3D%204)%20%3F%20m%5B5%5D%20%3A%20GetFullYear(parseInt(m%5B6%5D%2C%2010))%3B%20%0D%0Abreak%3B%20%0D%0Adefault%20%3A%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0Aif(!parseInt(month))%20return%20false%3B%20%0D%0Amonth%20%3D%20month%3D%3D12%20%3F0%3Amonth%3B%20%0D%0Avar%20date%20%3D%20new%20Date(year%2C%20month%2C%20day)%3B%20%0D%0Areturn%20(typeof(date)%20%3D%3D%20%22object%22%20%26%26%20year%20%3D%3D%20date.getFullYear()%20%26%26%20month%20%3D%3D%20date.getMonth()%20%26%26%20day%20%3D%3D%20date.getDate())%3B%20%0D%0Afunction%20GetFullYear(y)%7Breturn%20((y%3C30%20%3F%20%2220%22%20%3A%20%2219%22)%20%2B%20y)%7C0%3B%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　漂亮的脚本日历

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Avar%20months%20%3D%20new%20Array(%22%E4%B8%80%22%2C%20%22%E4%BA%8C%22%2C%20%22%E4%B8%89%22%2C%22%E5%9B%9B%22%2C%20%22%E4%BA%94%22%2C%20%22%E5%85%AD%22%2C%20%22%E4%B8%83%22%2C%20%22%E5%85%AB%22%2C%20%22%E4%B9%9D%22%2C%22%E5%8D%81%22%2C%20%22%E5%8D%81%E4%B8%80%22%2C%20%22%E5%8D%81%E4%BA%8C%22)%3B%20%0D%0Avar%20daysInMonth%20%3D%20new%20Array(31%2C%2028%2C%2031%2C%2030%2C%2031%2C%2030%2C%2031%2C%2031%2C30%2C%2031%2C%2030%2C%2031)%3B%20%0D%0Avar%20days%20%3D%20new%20Array(%22%E6%97%A5%22%2C%22%E4%B8%80%22%2C%20%22%E4%BA%8C%22%2C%20%22%E4%B8%89%22%2C%22%E5%9B%9B%22%2C%20%22%E4%BA%94%22%2C%20%22%E5%85%AD%22)%3B%20%0D%0Avar%20classTemp%3B%20%0D%0Avar%20today%3Dnew%20getToday()%3B%20%0D%0Avar%20year%3Dtoday.year%3B%20%0D%0Avar%20month%3Dtoday.month%3B%20%0D%0Avar%20newCal%3B%20%0D%0Afunction%20getDays(month%2C%20year)%20%7B%20%0D%0Aif%20(1%20%3D%3D%20month)%20return%20((0%20%3D%3D%20year%20%25%204)%20%26%26%20(0%20!%3D%20(year%20%25%20100)))%20%7C%7C(0%20%3D%3D%20year%20%25%20400)%20%3F%2029%20%3A%2028%3B%20%0D%0Aelse%20return%20daysInMonth%5Bmonth%5D%3B%20%0D%0A%7D%20%0D%0Afunction%20getToday()%20%7B%20%0D%0Athis.now%20%3D%20new%20Date()%3B%20%0D%0Athis.year%20%3D%20this.now.getFullYear()%3B%20%0D%0Athis.month%20%3D%20this.now.getMonth()%3B%20%0D%0Athis.day%20%3D%20this.now.getDate()%3B%20%0D%0A%7D%20%0D%0Afunction%20Calendar()%20%7B%20%0D%0AnewCal%20%3D%20new%20Date(year%2Cmonth%2C1)%3B%20%0D%0Atoday%20%3D%20new%20getToday()%3B%20%0D%0Avar%20day%20%3D%20-1%3B%20%0D%0Avar%20startDay%20%3D%20newCal.getDay()%3B%20%0D%0Avar%20endDay%3DgetDays(newCal.getMonth()%2C%20newCal.getFullYear())%3B%20%0D%0Avar%20daily%20%3D%200%3B%20%0D%0Aif%20((today.year%20%3D%3D%20newCal.getFullYear())%20%26%26(today.month%20%3D%3D%20newCal.getMonth()))%20%0D%0A%7B%20%0D%0Aday%20%3D%20today.day%3B%20%0D%0A%7D%20%0D%0Avar%20caltable%20%3D%20document.all.caltable.tBodies.calendar%3B%20%0D%0Avar%20intDaysInMonth%20%3DgetDays(newCal.getMonth()%2C%20newCal.getFullYear())%3B%20%0D%0Afor%20(var%20intWeek%20%3D%200%3B%20intWeek%20%3C%20caltable.rows.length%3BintWeek%2B%2B)%20%0D%0Afor%20(var%20intDay%20%3D%200%3BintDay%20%3C%20caltable.rows%5BintWeek%5D.cells.length%3BintDay%2B%2B)%20%0D%0A%7B%20%0D%0Avar%20cell%20%3D%20caltable.rows%5BintWeek%5D.cells%5BintDay%5D%3B%20%0D%0Avar%20montemp%3D(newCal.getMonth()%2B1)%3C10%3F(%220%22%2B(newCal.getMonth()%2B1))%3A(newCal.getMonth()%2B1)%3B%20%0D%0Aif%20((intDay%20%3D%3D%20startDay)%20%26%26%20(0%20%3D%3D%20daily))%7B%20daily%20%3D%201%3B%7D%20%0D%0Avar%20daytemp%3Ddaily%3C10%3F(%220%22%2Bdaily)%3A(daily)%3B%20%0D%0Avar%20d%3D%22%3C%22%2BnewCal.getFullYear()%2B%22-%22%2Bmontemp%2B%22-%22%2Bdaytemp%2B%22%3E%22%3B%20%0D%0Aif(day%3D%3Ddaily)%20cell.className%3D%22DayNow%22%3B%20%0D%0Aelse%20if(intDay%3D%3D6)%20cell.className%20%3D%20%22DaySat%22%3B%20%0D%0Aelse%20if%20(intDay%3D%3D0)%20cell.className%20%3D%22DaySun%22%3B%20%0D%0Aelse%20cell.className%3D%22Day%22%3B%20%0D%0Aif%20((daily%20%3E%200)%20%26%26%20(daily%20%3C%3D%20intDaysInMonth))%20%0D%0A%7B%20%0D%0Acell.innerText%20%3D%20daily%3B%20%0D%0Adaily%2B%2B%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Acell.className%3D%22CalendarTD%22%3B%20%0D%0Acell.innerText%20%3D%20%22%22%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Adocument.all.year.value%3Dyear%3B%20%0D%0Adocument.all.month.value%3Dmonth%2B1%3B%20%0D%0A%7D%20%0D%0Afunction%20subMonth()%20%0D%0A%7B%20%0D%0Aif%20((month-1)%3C0)%20%0D%0A%7B%20%0D%0Amonth%3D11%3B%20%0D%0Ayear%3Dyear-1%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Amonth%3Dmonth-1%3B%20%0D%0A%7D%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0Afunction%20addMonth()%20%0D%0A%7B%20%0D%0Aif((month%2B1)%3E11)%20%0D%0A%7B%20%0D%0Amonth%3D0%3B%20%0D%0Ayear%3Dyear%2B1%3B%20%0D%0A%7D%20else%20%0D%0A%7B%20%0D%0Amonth%3Dmonth%2B1%3B%20%0D%0A%7D%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0Afunction%20setDate()%20%0D%0A%7B%20%0D%0Aif%20(document.all.month.value%3C1%7C%7Cdocument.all.month.value%3E12)%20%0D%0A%7B%20%0D%0Aalert(%22%E6%9C%88%E7%9A%84%E6%9C%89%E6%95%88%E8%8C%83%E5%9B%B4%E5%9C%A81-12%E4%B9%8B%E9%97%B4!%22)%3B%20%0D%0Areturn%3B%20%0D%0A%7D%20%0D%0Ayear%3DMath.ceil(document.all.year.value)%3B%20%0D%0Amonth%3DMath.ceil(document.all.month.value-1)%3B%20%0D%0ACalendar()%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%3E%20%0D%0Afunction%20buttonOver()%20%0D%0A%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Aobj.runtimeStyle.cssText%20%3D%20%22background-color%3A%23FFFFFF%22%3B%20%0D%0A%2F%2F%20obj.className%3D%22Hover%22%3B%20%0D%0A%7D%20%0D%0Afunction%20buttonOut()%20%0D%0A%7B%20%0D%0Avar%20obj%20%3D%20window.event.srcElement%3B%20%0D%0Awindow.setTimeout(function()%7Bobj.runtimeStyle.cssText%20%3D%20%22%22%3B%7D%2C300)%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
<Style> 
Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;} 
.Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;} 
.CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-color:#f6f6f6;height: 20px;width:11%;text-align: center;} 
.Title {font-family: verdana;font-size: 11pt;font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;} 
.Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align: center;} 
.DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;} 
.DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;} 
.DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color: #000000;background-color: #FFFFFF;height: 20px;text-align: center;} 
.DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;height: 20px;width:11%;text-align: center;} 
.DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;height: 20px;width: 12%;} 
.DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;height: 20px;width: 12%;} 
.DayButton {font-family: Webdings;font-size: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;} 
</Style> 
<table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable"> 
<thead> 
<tr align="center" valign="middle"> 
<td colspan="7" class="Title"> 
<a href="javaScript:subMonth();" _ewebeditor_ta_href="javaScript%3AsubMonth()%3B" title="上一月" Class="DayButton">3</a> <input name="year" type="text" size="4" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 年 <input name="month" type="text" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 <a href="JavaScript:addMonth();" _ewebeditor_ta_href="JavaScript%3AaddMonth()%3B" title="下一月" Class="DayButton">4</a> 
</td> 
</tr> 
<tr align="center" valign="middle"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Adocument.write(%22%3CTD%20class%3DDaySunTitle%20id%3Ddiary%20%3E%22%20%2B%20days%5B0%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0Afor%20(var%20intLoop%20%3D%201%3B%20intLoop%20%3C%20days.length-1%3BintLoop%2B%2B)%20%0D%0Adocument.write(%22%3CTD%20class%3DDayTitle%20id%3Ddiary%3E%22%20%2B%20days%5BintLoop%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0Adocument.write(%22%3CTD%20class%3DDaySatTitle%20id%3Ddiary%3E%22%20%2B%20days%5BintLoop%5D%20%2B%20%22%3C%2FTD%3E%22)%3B%20%0D%0A%3C%2FScript%3E"> 
</TR> 
</thead> 
<TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Afor%20(var%20intWeeks%20%3D%200%3B%20intWeeks%20%3C%206%3B%20intWeeks%2B%2B)%20%0D%0A%7B%20%0D%0Adocument.write(%22%3CTR%20style%3D'cursor%3Ahand'%3E%22)%3B%20%0D%0Afor%20(var%20intDays%20%3D%200%3B%20intDays%20%3C%20days.length%3BintDays%2B%2B)%20document.write(%22%3CTD%20class%3DCalendarTD%20onMouseover%3D'buttonOver()%3B'%20onMouseOut%3D'buttonOut()%3B'%3E%3C%2FTD%3E%22)%3B%20%0D%0Adocument.write(%22%3C%2FTR%3E%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2FScript%3E"> 
</TBODY> 
</TABLE> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CScript%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0ACalendar()%3B%20%0D%0A%3C%2FScript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　跳动的菜单

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>模仿as效果的导航菜单</title> 
<style type="text/css"> 
 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0AlastNo%3D0%20%0D%0Afunction%20re(menu_no)%7B%20%0D%0Aif(lastNo!%3Dmenu_no)%7B%20%0D%0Acur%3Dmenu_no%2B1%20%0D%0AlastNo%3Dmenu_no%20%0D%0Arest()%20%0D%0A%7Delse%7B%20%0D%0Acur%3D100%20%0D%0A%7D%20%0D%0Adocument.getElementById(%22board%22%2Bmenu_no).style.visibility%3D%22visible%22%20%0D%0A%7D%20%0D%0Afunction%20rest()%7B%20%0D%0Afor(i%3D1%3Bi%3C%3D4%3Bi%2B%2B)%7B%20%0D%0Adocument.getElementById(%22hor%22%2Bi).style.top%3D20*i%3B%20%0D%0Adocument.getElementById(%22board%22%2Bi).style.visibility%3D%22hidden%22%20%0D%0A%7D%20%0D%0Amenu_num%3D4%3B%20%0D%0Aact%3D1%20%0D%0Aheight%3D120%2B20%20%0D%0Aspeed%3D0%3B%20%0D%0AposY%3D0%3B%20%0D%0A%7D%20%0D%0Afunction%20huke()%7B%20%0D%0Aif(act%3D%3D1%26%26cur%3C100)%7B%20%0D%0Aspeed%3D(height-posY)*0.69%2Bspeed*0.6%20%0D%0AposY%2B%3Dspeed%20%0D%0Afor(i%3Dcur%3Bi%3C%3Dmenu_num%3Bi%2B%2B)%7B%20%0D%0Adocument.getElementById(%22hor%22%2Bi).style.top%3DposY%2B(i-2)*20%20%0D%0A%7D%20%0D%0Aif(Math.abs(height-posY)%3C0.5)%7B%20%0D%0Afor(i%3Dcur%3Bi%3C%3Dmenu_num%3Bi%2B%2B)%7B%20%0D%0Adocument.getElementById(%22hor%22%2Bi).style.top%3Dheight%2B(i-2)*20%20%0D%0A%7D%20%0D%0Aact%3D0%20%0D%0A%7D%20%0D%0AsetTimeout(%22huke()%22%2C50)%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
</head> 
<body> 
<div id="hor1" onclick="re(1);huke()">News</div> 
<div id="hor2" onclick="re(2);huke()">Populor</div> 
<div id="hor3" onclick="re(3);huke()">Sports</div> 
<div id="hor4" onclick="re(4);huke()">Woman</div> 
<div id="board1">1.由AS而想起Javascript
2.用Jscript写ASP有没有先天性的不足？
3.没有了。</div> 
<div id="board2">1.xhtml+css真的来了吗？
2.Flash取代传统网站
3.Flash何时才能连接数据库？</div> 
<div id="board3">1.程序员与小姐的10个相同。
2.中国的程序员与中国的足球？</div> 
<div id="board4">1.二十一世纪最缺的是什么?人才
 
<a href="http://www.gamvan.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.gamvan.com" target="_blank">http://www.gamvan.com</a> 
<a href="http://www.gamvan.com" _ewebeditor_ta_href="http%3A%2F%2Fwww.gamvan.com" target="_blank">http://www.gamvan.com</a></div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　经典的带阴影的可拖动的浮动层

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<title>MyPixbot</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%20type%3D%22text%2FJavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Afunction%20MM_reloadPage(init)%20%7B%20%2F%2Freloads%20the%20window%20if%20Nav4%20resized%20%0D%0Aif%20(init%3D%3Dtrue)%20with%20(navigator)%20%7Bif%20((appName%3D%3D%22Netscape%22)%26%26(parseInt(appVersion)%3D%3D4))%20%7B%20%0D%0Adocument.MM_pgW%3DinnerWidth%3B%20document.MM_pgH%3DinnerHeight%3B%20onresize%3DMM_reloadPage%3B%20%7D%7D%20%0D%0Aelse%20if%20(innerWidth!%3Ddocument.MM_pgW%20%7C%7C%20innerHeight!%3Ddocument.MM_pgH)%20location.reload()%3B%20%0D%0A%7D%20%0D%0AMM_reloadPage(true)%3B%20%0D%0Afunction%20MM_findObj(n%2C%20d)%20%7B%20%2F%2Fv4.01%20%0D%0Avar%20p%2Ci%2Cx%3B%20if(!d)%20d%3Ddocument%3B%20if((p%3Dn.indexOf(%22%3F%22))%3E0%26%26parent.frames.length)%20%7B%20%0D%0Ad%3Dparent.frames%5Bn.substring(p%2B1)%5D.document%3B%20n%3Dn.substring(0%2Cp)%3B%7D%20%0D%0Aif(!(x%3Dd%5Bn%5D)%26%26d.all)%20x%3Dd.all%5Bn%5D%3B%20for%20(i%3D0%3B!x%26%26i%3Cd.forms.length%3Bi%2B%2B)%20x%3Dd.forms%5Bi%5D%5Bn%5D%3B%20%0D%0Afor(i%3D0%3B!x%26%26d.layers%26%26i%3Cd.layers.length%3Bi%2B%2B)%20x%3DMM_findObj(n%2Cd.layers%5Bi%5D.document)%3B%20%0D%0Aif(!x%20%26%26%20d.getElementById)%20x%3Dd.getElementById(n)%3B%20return%20x%3B%20%0D%0A%7D%20%0D%0Afunction%20MM_showHideLayers()%20%7B%20%2F%2Fv6.0%20%0D%0Avar%20i%2Cp%2Cv%2Cobj%2Cargs%3DMM_showHideLayers.arguments%3B%20%0D%0Afor%20(i%3D0%3B%20i%3C(args.length-2)%3B%20i%2B%3D3)%20if%20((obj%3DMM_findObj(args%5Bi%5D))!%3Dnull)%20%7B%20v%3Dargs%5Bi%2B2%5D%3B%20%0D%0Aif%20(obj.style)%20%7B%20obj%3Dobj.style%3B%20v%3D(v%3D%3D'show')%3F'visible'%3A(v%3D%3D'hide')%3F'hidden'%3Av%3B%20%7D%20%0D%0Aobj.visibility%3Dv%3B%20%7D%20%0D%0A%7D%20%0D%0Afunction%20MM_dragLayer(objName%2Cx%2ChL%2ChT%2ChW%2ChH%2CtoFront%2CdropBack%2CcU%2CcD%2CcL%2CcR%2CtargL%2CtargT%2Ctol%2CdropJS%2Cet%2CdragJS)%20%7B%20%2F%2Fv4.01%20%0D%0A%2F%2FCopyright%201998%20Macromedia%2C%20Inc.%20All%20rights%20reserved.%20%0D%0Avar%20i%2Cj%2CaLayer%2CretVal%2CcurDrag%3Dnull%2CcurLeft%2CcurTop%2CIE%3Ddocument.all%2CNS4%3Ddocument.layers%3B%20%0D%0Avar%20NS6%3D(!IE%26%26document.getElementById)%2C%20NS%3D(NS4%7C%7CNS6)%3B%20if%20(!IE%20%26%26%20!NS)%20return%20false%3B%20%0D%0AretVal%20%3D%20true%3B%20if(IE%20%26%26%20event)%20event.returnValue%20%3D%20true%3B%20%0D%0Aif%20(MM_dragLayer.arguments.length%20%3E%201)%20%7B%20%0D%0AcurDrag%20%3D%20MM_findObj(objName)%3B%20if%20(!curDrag)%20return%20false%3B%20%0D%0Aif%20(!document.allLayers)%20%7B%20document.allLayers%20%3D%20new%20Array()%3B%20%0D%0Awith%20(document)%20if%20(NS4)%20%7B%20for%20(i%3D0%3B%20i%3Clayers.length%3B%20i%2B%2B)%20allLayers%5Bi%5D%3Dlayers%5Bi%5D%3B%20%0D%0Afor%20(i%3D0%3B%20i%3CallLayers.length%3B%20i%2B%2B)%20if%20(allLayers%5Bi%5D.document%20%26%26%20allLayers%5Bi%5D.document.layers)%20%0D%0Awith%20(allLayers%5Bi%5D.document)%20for%20(j%3D0%3B%20j%3Clayers.length%3B%20j%2B%2B)%20allLayers%5BallLayers.length%5D%3Dlayers%5Bj%5D%3B%20%0D%0A%7D%20else%20%7B%20%0D%0Aif%20(NS6)%20%7B%20var%20spns%20%3D%20getElementsByTagName(%22span%22)%3B%20var%20all%20%3D%20getElementsByTagName(%22div%22)%3B%20%0D%0Afor%20(i%3D0%3Bi%3Cspns.length%3Bi%2B%2B)%20if%20(spns%5Bi%5D.style%26%26spns%5Bi%5D.style.position)%20allLayers%5BallLayers.length%5D%3Dspns%5Bi%5D%3B%7D%20%0D%0Afor%20(i%3D0%3Bi%3Call.length%3Bi%2B%2B)%20if%20(all%5Bi%5D.style%26%26all%5Bi%5D.style.position)%20allLayers%5BallLayers.length%5D%3Dall%5Bi%5D%3B%20%0D%0A%7D%20%7D%20%0D%0AcurDrag.MM_dragOk%3Dtrue%3B%20curDrag.MM_targL%3DtargL%3B%20curDrag.MM_targT%3DtargT%3B%20%0D%0AcurDrag.MM_tol%3DMath.pow(tol%2C2)%3B%20curDrag.MM_hLeft%3DhL%3B%20curDrag.MM_hTop%3DhT%3B%20%0D%0AcurDrag.MM_hWidth%3DhW%3B%20curDrag.MM_hHeight%3DhH%3B%20curDrag.MM_toFront%3DtoFront%3B%20%0D%0AcurDrag.MM_dropBack%3DdropBack%3B%20curDrag.MM_dropJS%3DdropJS%3B%20%0D%0AcurDrag.MM_everyTime%3Det%3B%20curDrag.MM_dragJS%3DdragJS%3B%20%0D%0AcurDrag.MM_oldZ%20%3D%20(NS4)%3FcurDrag.zIndex%3AcurDrag.style.zIndex%3B%20%0D%0AcurLeft%3D%20(NS4)%3FcurDrag.left%3A(NS6)%3FparseInt(curDrag.style.left)%3AcurDrag.style.pixelLeft%3B%20%0D%0Aif%20(String(curLeft)%3D%3D%22NaN%22)%20curLeft%3D0%3B%20curDrag.MM_startL%20%3D%20curLeft%3B%20%0D%0AcurTop%20%3D%20(NS4)%3FcurDrag.top%3A(NS6)%3FparseInt(curDrag.style.top)%3AcurDrag.style.pixelTop%3B%20%0D%0Aif%20(String(curTop)%3D%3D%22NaN%22)%20curTop%3D0%3B%20curDrag.MM_startT%20%3D%20curTop%3B%20%0D%0AcurDrag.MM_bL%3D(cL%3C0)%3Fnull%3AcurLeft-cL%3B%20curDrag.MM_bT%3D(cU%3C0)%3Fnull%3AcurTop-cU%3B%20%0D%0AcurDrag.MM_bR%3D(cR%3C0)%3Fnull%3AcurLeft%2BcR%3B%20curDrag.MM_bB%3D(cD%3C0)%3Fnull%3AcurTop%2BcD%3B%20%0D%0AcurDrag.MM_LEFTRIGHT%3D0%3B%20curDrag.MM_UPDOWN%3D0%3B%20curDrag.MM_SNAPPED%3Dfalse%3B%20%2F%2Fuse%20in%20your%20JS!%20%0D%0Adocument.onmousedown%20%3D%20MM_dragLayer%3B%20document.onmouseup%20%3D%20MM_dragLayer%3B%20%0D%0Aif%20(NS)%20document.captureEvents(Event.MOUSEDOWN%7CEvent.MOUSEUP)%3B%20%0D%0A%7D%20else%20%7B%20%0D%0Avar%20theEvent%20%3D%20((NS)%3FobjName.type%3Aevent.type)%3B%20%0D%0Aif%20(theEvent%20%3D%3D%20'mousedown')%20%7B%20%0D%0Avar%20mouseX%20%3D%20(NS)%3FobjName.pageX%20%3A%20event.clientX%20%2B%20document.body.scrollLeft%3B%20%0D%0Avar%20mouseY%20%3D%20(NS)%3FobjName.pageY%20%3A%20event.clientY%20%2B%20document.body.scrollTop%3B%20%0D%0Avar%20maxDragZ%3Dnull%3B%20document.MM_maxZ%20%3D%200%3B%20%0D%0Afor%20(i%3D0%3B%20i%3Cdocument.allLayers.length%3B%20i%2B%2B)%20%7B%20aLayer%20%3D%20document.allLayers%5Bi%5D%3B%20%0D%0Avar%20aLayerZ%20%3D%20(NS4)%3FaLayer.zIndex%3AparseInt(aLayer.style.zIndex)%3B%20%0D%0Aif%20(aLayerZ%20%3E%20document.MM_maxZ)%20document.MM_maxZ%20%3D%20aLayerZ%3B%20%0D%0Avar%20isVisible%20%3D%20(((NS4)%3FaLayer.visibility%3AaLayer.style.visibility).indexOf('hid')%20%3D%3D%20-1)%3B%20%0D%0Aif%20(aLayer.MM_dragOk%20!%3D%20null%20%26%26%20isVisible)%20with%20(aLayer)%20%7B%20%0D%0Avar%20parentL%3D0%3B%20var%20parentT%3D0%3B%20%0D%0Aif%20(NS6)%20%7B%20parentLayer%20%3D%20aLayer.parentNode%3B%20%0D%0Awhile%20(parentLayer%20!%3D%20null%20%26%26%20parentLayer.style.position)%20%7B%20%0D%0AparentL%20%2B%3D%20parseInt(parentLayer.offsetLeft)%3B%20parentT%20%2B%3D%20parseInt(parentLayer.offsetTop)%3B%20%0D%0AparentLayer%20%3D%20parentLayer.parentNode%3B%20%0D%0A%7D%20%7D%20else%20if%20(IE)%20%7B%20parentLayer%20%3D%20aLayer.parentElement%3B%20%0D%0Awhile%20(parentLayer%20!%3D%20null%20%26%26%20parentLayer.style.position)%20%7B%20%0D%0AparentL%20%2B%3D%20parentLayer.offsetLeft%3B%20parentT%20%2B%3D%20parentLayer.offsetTop%3B%20%0D%0AparentLayer%20%3D%20parentLayer.parentElement%3B%20%7D%20%7D%20%0D%0Avar%20tmpX%3DmouseX-(((NS4)%3FpageX%3A((NS6)%3FparseInt(style.left)%3Astyle.pixelLeft)%2BparentL)%2BMM_hLeft)%3B%20%0D%0Avar%20tmpY%3DmouseY-(((NS4)%3FpageY%3A((NS6)%3FparseInt(style.top)%3Astyle.pixelTop)%20%2BparentT)%2BMM_hTop)%3B%20%0D%0Aif%20(String(tmpX)%3D%3D%22NaN%22)%20tmpX%3D0%3B%20if%20(String(tmpY)%3D%3D%22NaN%22)%20tmpY%3D0%3B%20%0D%0Avar%20tmpW%20%3D%20MM_hWidth%3B%20if%20(tmpW%20%3C%3D%200)%20tmpW%20%2B%3D%20((NS4)%3Fclip.width%20%3AoffsetWidth)%3B%20%0D%0Avar%20tmpH%20%3D%20MM_hHeight%3B%20if%20(tmpH%20%3C%3D%200)%20tmpH%20%2B%3D%20((NS4)%3Fclip.height%3AoffsetHeight)%3B%20%0D%0Aif%20((0%20%3C%3D%20tmpX%20%26%26%20tmpX%20%3C%20tmpW%20%26%26%200%20%3C%3D%20tmpY%20%26%26%20tmpY%20%3C%20tmpH)%20%26%26%20(maxDragZ%20%3D%3D%20null%20%0D%0A%7C%7C%20maxDragZ%20%3C%3D%20aLayerZ))%20%7B%20curDrag%20%3D%20aLayer%3B%20maxDragZ%20%3D%20aLayerZ%3B%20%7D%20%7D%20%7D%20%0D%0Aif%20(curDrag)%20%7B%20%0D%0Adocument.onmousemove%20%3D%20MM_dragLayer%3B%20if%20(NS4)%20document.captureEvents(Event.MOUSEMOVE)%3B%20%0D%0AcurLeft%20%3D%20(NS4)%3FcurDrag.left%3A(NS6)%3FparseInt(curDrag.style.left)%3AcurDrag.style.pixelLeft%3B%20%0D%0AcurTop%20%3D%20(NS4)%3FcurDrag.top%3A(NS6)%3FparseInt(curDrag.style.top)%3AcurDrag.style.pixelTop%3B%20%0D%0Aif%20(String(curLeft)%3D%3D%22NaN%22)%20curLeft%3D0%3B%20if%20(String(curTop)%3D%3D%22NaN%22)%20curTop%3D0%3B%20%0D%0AMM_oldX%20%3D%20mouseX%20-%20curLeft%3B%20MM_oldY%20%3D%20mouseY%20-%20curTop%3B%20%0D%0Adocument.MM_curDrag%20%3D%20curDrag%3B%20curDrag.MM_SNAPPED%3Dfalse%3B%20%0D%0Aif(curDrag.MM_toFront)%20%7B%20%0D%0Aeval('curDrag.'%2B((NS4)%3F''%3A'style.')%2B'zIndex%3Ddocument.MM_maxZ%2B1')%3B%20%0D%0Aif%20(!curDrag.MM_dropBack)%20document.MM_maxZ%2B%2B%3B%20%7D%20%0D%0AretVal%20%3D%20false%3B%20if(!NS4%26%26!NS6)%20event.returnValue%20%3D%20false%3B%20%0D%0A%7D%20%7D%20else%20if%20(theEvent%20%3D%3D%20'mousemove')%20%7B%20%0D%0Aif%20(document.MM_curDrag)%20with%20(document.MM_curDrag)%20%7B%20%0D%0Avar%20mouseX%20%3D%20(NS)%3FobjName.pageX%20%3A%20event.clientX%20%2B%20document.body.scrollLeft%3B%20%0D%0Avar%20mouseY%20%3D%20(NS)%3FobjName.pageY%20%3A%20event.clientY%20%2B%20document.body.scrollTop%3B%20%0D%0AnewLeft%20%3D%20mouseX-MM_oldX%3B%20newTop%20%3D%20mouseY-MM_oldY%3B%20%0D%0Aif%20(MM_bL!%3Dnull)%20newLeft%20%3D%20Math.max(newLeft%2CMM_bL)%3B%20%0D%0Aif%20(MM_bR!%3Dnull)%20newLeft%20%3D%20Math.min(newLeft%2CMM_bR)%3B%20%0D%0Aif%20(MM_bT!%3Dnull)%20newTop%20%3D%20Math.max(newTop%20%2CMM_bT)%3B%20%0D%0Aif%20(MM_bB!%3Dnull)%20newTop%20%3D%20Math.min(newTop%20%2CMM_bB)%3B%20%0D%0AMM_LEFTRIGHT%20%3D%20newLeft-MM_startL%3B%20MM_UPDOWN%20%3D%20newTop-MM_startT%3B%20%0D%0Aif%20(NS4)%20%7Bleft%20%3D%20newLeft%3B%20top%20%3D%20newTop%3B%7D%20%0D%0Aelse%20if%20(NS6)%7Bstyle.left%20%3D%20newLeft%3B%20style.top%20%3D%20newTop%3B%7D%20%0D%0Aelse%20%7Bstyle.pixelLeft%20%3D%20newLeft%3B%20style.pixelTop%20%3D%20newTop%3B%7D%20%0D%0Aif%20(MM_dragJS)%20eval(MM_dragJS)%3B%20%0D%0AretVal%20%3D%20false%3B%20if(!NS)%20event.returnValue%20%3D%20false%3B%20%0D%0A%7D%20%7D%20else%20if%20(theEvent%20%3D%3D%20'mouseup')%20%7B%20%0D%0Adocument.onmousemove%20%3D%20null%3B%20%0D%0Aif%20(NS)%20document.releaseEvents(Event.MOUSEMOVE)%3B%20%0D%0Aif%20(NS)%20document.captureEvents(Event.MOUSEDOWN)%3B%20%2F%2Ffor%20mac%20NS%20%0D%0Aif%20(document.MM_curDrag)%20with%20(document.MM_curDrag)%20%7B%20%0D%0Aif%20(typeof%20MM_targL%20%3D%3D'number'%20%26%26%20typeof%20MM_targT%20%3D%3D%20'number'%20%26%26%20%0D%0A(Math.pow(MM_targL-((NS4)%3Fleft%3A(NS6)%3FparseInt(style.left)%3Astyle.pixelLeft)%2C2)%2B%20%0D%0AMath.pow(MM_targT-((NS4)%3Ftop%3A(NS6)%3FparseInt(style.top)%3Astyle.pixelTop)%2C2))%3C%3DMM_tol)%20%7B%20%0D%0Aif%20(NS4)%20%7Bleft%20%3D%20MM_targL%3B%20top%20%3D%20MM_targT%3B%7D%20%0D%0Aelse%20if%20(NS6)%20%7Bstyle.left%20%3D%20MM_targL%3B%20style.top%20%3D%20MM_targT%3B%7D%20%0D%0Aelse%20%7Bstyle.pixelLeft%20%3D%20MM_targL%3B%20style.pixelTop%20%3D%20MM_targT%3B%7D%20%0D%0AMM_SNAPPED%20%3D%20true%3B%20MM_LEFTRIGHT%20%3D%20MM_startL-MM_targL%3B%20MM_UPDOWN%20%3D%20MM_startT-MM_targT%3B%20%7D%20%0D%0Aif%20(MM_everyTime%20%7C%7C%20MM_SNAPPED)%20eval(MM_dropJS)%3B%20%0D%0Aif(MM_dropBack)%20%7Bif%20(NS4)%20zIndex%20%3D%20MM_oldZ%3B%20else%20style.zIndex%20%3D%20MM_oldZ%3B%7D%20%0D%0AretVal%20%3D%20false%3B%20if(!NS)%20event.returnValue%20%3D%20false%3B%20%7D%20%0D%0Adocument.MM_curDrag%20%3D%20null%3B%20%0D%0A%7D%20%0D%0Aif%20(NS)%20document.routeEvent(objName)%3B%20%0D%0A%7D%20return%20retVal%3B%20%0D%0A%7D%20%0D%0Afunction%20loadwin(obj)%7B%20%0D%0Awith(MM_findObj(obj))with(style)%7B%20%0D%0Afilters%5B0%5D.apply()%3B%20%0D%0Adisplay%3D''%3B%20%0D%0Afilters%5B0%5D.play()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20cs(captionBG%2CbodyBG%2CtableBG)%7B%20%0D%0AoldBody%3Ddocument.body%3B%20%0D%0Awith(oldBody)%7B%20%0D%0Avar%20newBody%3DcloneNode()%3B%20%0D%0Astyle.filter%3D'blendtrans(duration%3D1)'%3B%20%0D%0Afilters%5B0%5D.apply()%3B%20%0D%0Awith(document.styleSheets%5B0%5D)%7B%20%0D%0Awith(rules%5B0%5D.style)%7BbackgroundColor%3DcaptionBG%3B%7D%20%0D%0Awith(rules%5B1%5D.style)%7BbackgroundColor%3DbodyBG%3B%7D%20%0D%0Awith(rules%5B2%5D.style)%7BbackgroundColor%3DtableBG%7D%20%0D%0A%7D%20%0D%0Afilters%5B0%5D.play()%3B%20%0D%0AsetTimeout(function()%7B%20%0D%0Aif(oldBody!%3Dnull)%7B%20%0D%0AoldBody.applyElement(newBody%2C%20%22inside%22)%20%0D%0AoldBody.swapNode(newBody)%3B%20%0D%0AoldBody.removeNode(true)%3B%20%0D%0A%7D%20%0D%0A%7D%2C1500)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E"> 
<style type="text/css"> 
 
</style> 
</head> 
<body> 
<div id="assist" style="position:absolute; left:15px; top:68px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('assist','',0,0,150,18,true,false,-1,-1,-1,-1,15,68,100,'',false,'')"> 
<table width="180" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td class="caption">SeekAssist</td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="with(MM_findObj('assistwin').style)display=display=='none'?'':'none'">%</a></td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onClick="MM_showHideLayers('assist','','hide')">X</a></td> 
</tr> 
<tr id="assistwin"> 
<td height="100" colspan="3" bordercolor="#eeeeee"> </td> 
</tr> 
</table>

</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3Eloadwin('assist')%3C%2Fscript%3E"> 
<div id="rank" style="position:absolute; left:15px; top:194px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('rank','',0,0,150,18,true,false,-1,-1,-1,-1,15,194,100,'',false,'')"> 
<table width="180" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td class="caption">SeekRank</td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="with(MM_findObj('rankwin').style)display=display=='none'?'':'none'">%</a></td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onClick="MM_showHideLayers('assist','','inherit','rank','','hide')">X</a></td> 
</tr> 
<tr id="rankwin"> 
<td height="100" colspan="3" bordercolor="#eeeeee"> </td> 
</tr> 
</table>

</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3EsetTimeout(%22loadwin('rank')%22%2C500)%3C%2Fscript%3E"> 
<div id="mycolor" style="position:absolute; left:15px; top:320px; width:185px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('mycolor','',0,0,150,18,true,false,-1,-1,-1,-1,15,320,100,'',false,'')"> 
<table width="180" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td class="caption">MyColor</td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="with(MM_findObj('mycolorwin').style)display=display=='none'?'':'none'">%</a></td> 
<td width="14" align="center"><a href="#" _ewebeditor_ta_href="%23" onClick="MM_showHideLayers('mycolor','','hide')">X</a></td> 
</tr> 
<tr id="mycolorwin"> 
<td height="100" colspan="3" bordercolor="#eeeeee"><table width="100%" border="0" cellspacing="0" cellpadding="2"> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('#00CCFF','#f6f6f6','#eeeeee')">Default</a></td> 
</tr> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('red','#eeccee','#eeddee')">StyleSheet#1</a></td> 
</tr> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('#99ccff','#eeeeee','#ccddff')">StyleSheet#2</a></td> 
</tr> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('#ff9999','#ffffff','#ffeeff')">StyleSheet#3</a></td> 
</tr> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('skyblue','#eeeeee','#99ddff')">StyleSheet#4</a></td> 
</tr> 
<tr> 
<td align="center"><a href="#" _ewebeditor_ta_href="%23" onclick="cs('#009900','#eeffee','#ddffdd')">StyleSheet#5</a></td> 
</tr> 
</table></td> 
</tr> 
</table>

</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%3EsetTimeout(%22loadwin('mycolor')%22%2C1000)%3C%2Fscript%3E"> 
<div id="results" style="position:absolute; left:204px; top:68px; width:575px; z-index:1;display:none;" class="win" onMouseDown="MM_dragLayer('results','',0,0,400,18,true,false,-1,-1,-1,-1,204,68,50,'',false,'')"> 
<table width="570" border="1" cellpadding="0" cellspacing="0"> 
<tr> 
<td><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td class="caption">Results</td> 
<td width="12" class="button"><a href="#" _ewebeditor_ta_href="%23" onClick="with(MM_findObj('resultswin').style)display=display=='none'?'':'none'">%</a></td> 
<td width="12" class="button"><a href="#" _ewebeditor_ta_href="%23" onClick="MM_showHideLayers('results','','inherit')">X</a></td> 
</tr> 
</table></td> 
</tr> 
<tr> 
<td height="20" bordercolor="#eeeeee"><input name="url" type="text" value="http://www.google.com/search?q=ezlee" size="100"> 
<a href="#" _ewebeditor_ta_href="%23" onclick="mainframe.location=url.value">Search</a></td> 
</tr> 
<tr id="resultswin"> 
<td height="318" valign="top" class="navframe"><aiframe name="mainframe" id="mainframe" src="http://www.google.com/search?q=ezlee" width="100%" height="100%" frameborder="0" scrolling="auto"><font color="#FF0000">Welcome!</font></aiframe></td> 
</tr> 
<tr> 
<td height="14" class="statusbar">Ready!</td> 
</tr> 
</table>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　1个非常不错的loading 效果

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>无标题文档</title> 
</head> 
<BODY STYLE="FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica"> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JScript%22%3E%20%0D%0Avar%20NUMBER_OF_REPETITIONS%20%3D%2040%3B%20%0D%0Avar%20nRepetitions%20%3D%200%3B%20%0D%0Avar%20g_oTimer%20%3D%20null%3B%20%0D%0Afunction%20startLongProcess()%20%0D%0A%7B%20%0D%0AdivProgressDialog.style.display%20%3D%20%22%22%3B%20%0D%0AresizeModal()%3B%20%0D%0AbtnCancel.focus()%3B%20%0D%0A%2F%2F%20Add%20a%20resize%20handler%20for%20the%20window%20%0D%0Awindow.onresize%20%3D%20resizeModal%3B%20%0D%0A%2F%2F%20Add%20a%20warning%20in%20case%20anyone%20tries%20to%20navigate%20away%20or%20refresh%20the%20page%20%0D%0Awindow.onbeforeunload%20%3D%20showWarning%3B%20%0D%0A%2F%2F%20%0D%0A%2F%2F%20Here's%20where%20you%20would%20normally%20kick%20off%20a%20long%20asynchronous%20process%20%0D%0A%2F%2F%20like%20a%20file%20download%20or%20a%20remote%20database%20operation.%20Here%2C%20we%20use%20%0D%0A%2F%2F%20our%20%22long%20process%22%20to%20simulate%20this%20process.%20%0D%0A%2F%2F%20%0D%0AcontinueLongProcess()%3B%20%0D%0A%7D%20%0D%0Afunction%20updateProgress(nNewPercent)%20%0D%0A%7B%20%0D%0A%2F%2F%20Update%20our%20pseudo%20progress%20bar%20%0D%0AdivProgressInner.style.width%20%3D%20(parseInt(divProgressOuter.style.width)%20%0D%0A*%20nNewPercent%20%2F%20100)%2B%20%22px%22%3B%20%0D%0A%7D%20%0D%0Afunction%20stopLongProcess()%20%0D%0A%7B%20%0D%0Aif%20(g_oTimer%20!%3D%20null)%20%0D%0A%7B%20%0D%0A%2F%2F%20Clear%20the%20timer%20so%20we%20don't%20get%20called%20back%20an%20extra%20time%20%0D%0Awindow.clearTimeout(g_oTimer)%3B%20%0D%0Ag_oTimer%20%3D%20null%3B%20%0D%0A%7D%20%0D%0A%2F%2F%20Hide%20the%20fake%20modal%20DIV%20%0D%0AdivModal.style.width%20%3D%20%220px%22%3B%20%0D%0AdivModal.style.height%20%3D%20%220px%22%3B%20%0D%0AdivProgressDialog.style.display%20%3D%20%22none%22%3B%20%0D%0A%2F%2F%20Remove%20our%20event%20handlers%20%0D%0Awindow.onresize%20%3D%20null%3B%20%0D%0Awindow.onbeforeunload%20%3D%20null%3B%20%0D%0AnRepetitions%20%3D%200%3B%20%0D%0A%7D%20%0D%0Afunction%20continueLongProcess()%20%0D%0A%7B%20%0D%0Aif%20(nRepetitions%20%3C%20NUMBER_OF_REPETITIONS)%20%0D%0A%7B%20%0D%0A%2F%2F%20Set%20the%20timeout%20somewhere%20between%200%20and%20.25%20seconds%20%0D%0Avar%20nTimeoutLength%20%3D%20Math.random()%20*%20250%3B%20%0D%0AupdateProgress(100%20*%20nRepetitions%20%2F%20NUMBER_OF_REPETITIONS)%3B%20%0D%0Ag_oTimer%20%3D%20window.setTimeout(%22continueLongProcess()%3B%22%2C%20nTimeoutLength)%3B%20%0D%0AnRepetitions%2B%2B%3B%20%0D%0A%7D%20%0D%0Aelse%20%0D%0A%7B%20%0D%0AstopLongProcess()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunction%20showWarning()%20%0D%0A%7B%20%0D%0A%2F%2FWarn%20users%20before%20they%20refresh%20the%20page%20or%20navigate%20away%20%0D%0Areturn%20%22Navigating%20to%20a%20different%20page%20or%20refreshing%20the%20window%20could%20cause%20you%20to%20lose%20precious%20data.%5Cn%5CnAre%20you*absolutely*%20certain%20you%20want%20to%20do%20this%3F%22%3B%20%0D%0A%7D%20%0D%0Afunction%20resizeModal()%20%0D%0A%7B%20%0D%0A%2F%2F%20Resize%20the%20DIV%20which%20fakes%20the%20modality%20of%20the%20dialog%20DIV%20%0D%0AdivModal.style.width%20%3D%20document.body.scrollWidth%3B%20%0D%0AdivModal.style.height%20%3D%20document.body.scrollHeight%3B%20%0D%0A%2F%2F%20Re-center%20the%20dialog%20DIV%20%0D%0AdivProgressDialog.style.left%20%3D%20((document.body.offsetWidth%20-%20%0D%0AdivProgressDialog.offsetWidth)%20%2F%202)%3B%20%0D%0AdivProgressDialog.style.top%20%3D%20((document.body.offsetHeight%20-%20%0D%0AdivProgressDialog.offsetHeight)%20%2F%202)%3B%20%0D%0A%7D%20%0D%0A%3C%2FSCRIPT%3E"> 
<INPUT TYPE="BUTTON" VALUE="Click Me!" onclick="startLongProcess();"> 
 
<DIV STYLE="BORDER: buttonhighlight 2px outset; FONT-SIZE: 8pt; Z-INDEX: 
4; FONT-FAMILY: Tahoma; POSITION: absolute; BACKGROUND-COLOR: buttonface; 
DISPLAY: none; WIDTH: 350px; CURSOR: default" ID="divProgressDialog" 
onselectstart="window.event.returnValue=false;"> 
<DIV STYLE="PADDING: 3px; FONT-WEIGHT: bolder; COLOR: captiontext; 
BORDER-BOTTOM: white 2px groove; BACKGROUND-COLOR: activecaption"> 
Downloading Requested Document 
</DIV> 
<DIV STYLE="PADDING: 5px"> 
Please wait while I download the document you requested. 
</DIV> 
<DIV STYLE="PADDING: 5px"> 
This may take several seconds. 
</DIV> 
<DIV STYLE="PADDING: 5px"> 
<DIV ID="divProgressOuter" STYLE="BORDER: 1px solid threedshadow; 
WIDTH: 336px; HEIGHT: 15px"> 
<DIV ID="divProgressInner" STYLE="COLOR: white; TEXT-ALIGN: 
center; BACKGROUND-COLOR: infobackground; MARGIN: 0px; WIDTH: 0px; HEIGHT: 
13px;"></DIV> 
</DIV> 
</DIV> 
<DIV STYLE="BORDER-TOP: white 2px groove; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; 
BACKGROUND-COLOR: buttonface; TEXT-ALIGN: center"> 
<INPUT STYLE="FONT-FAMILY: Tahoma; FONT-SIZE: 8pt" TYPE="button" 
ID="btnCancel" onclick="stopLongProcess();" VALUE="Cancel"> 
</DIV> 
</DIV> 
 
 
<DIV ID="divModal" 
STYLE="BACKGROUND-COLOR: white; FILTER: alpha(opacity=75); LEFT: 0px; POSITION: 
absolute; TOP: 0px; Z-INDEX: 3" 
onclick="window.event.cancelBubble=true; window.event.returnValue=false;"> 
</DIV> 
 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　繁简体文字转换工具

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>Haao's 博客</title> 
<link href="style.css" rel="stylesheet" type="text/css"> 
</script> 
</head> 
<body> 
<div align="center"> 
<table width="750" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC"> 
<tr> 
<td align="center" bgcolor="#F4F4F4"><b>欢迎使用繁简体文字转换工具</b></td> 
</tr> 
<tr> 
<td align="center" bgcolor="#FFFFFF"><input type=button class="Submit" onclick=iText.value=iText.value.s2t() value='简→繁'> 
　 
<input type=button class="Submit" onclick=iText.value=iText.value.t2s() value='繁→简'>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

　　无图片实现圆角框

　　++RunCode_BLOCK_cW6×4t++

　　取得页面的大小宽高等各种信息

<body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0Afunction%20test()%7B%20%0D%0Avar%20s%20%3D%20%22%22%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E5%8F%AF%E8%A7%81%E5%8C%BA%E5%9F%9F%E5%AE%BD%EF%BC%9A%22%2B%20document.body.clientWidth%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E5%8F%AF%E8%A7%81%E5%8C%BA%E5%9F%9F%E9%AB%98%EF%BC%9A%22%2B%20document.body.clientHeight%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E5%8F%AF%E8%A7%81%E5%8C%BA%E5%9F%9F%E5%AE%BD%EF%BC%9A%22%2B%20document.body.offsetWidth%20%2B%22%20(%E5%8C%85%E6%8B%AC%E8%BE%B9%E7%BA%BF%E7%9A%84%E5%AE%BD)%22%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E5%8F%AF%E8%A7%81%E5%8C%BA%E5%9F%9F%E9%AB%98%EF%BC%9A%22%2B%20document.body.offsetHeight%20%2B%22%20(%E5%8C%85%E6%8B%AC%E8%BE%B9%E7%BA%BF%E7%9A%84%E5%AE%BD)%22%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E6%AD%A3%E6%96%87%E5%85%A8%E6%96%87%E5%AE%BD%EF%BC%9A%22%2B%20document.body.scrollWidth%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E6%AD%A3%E6%96%87%E5%85%A8%E6%96%87%E9%AB%98%EF%BC%9A%22%2B%20document.body.scrollHeight%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E8%A2%AB%E5%8D%B7%E5%8E%BB%E7%9A%84%E9%AB%98%EF%BC%9A%22%2B%20document.body.scrollTop%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E8%A2%AB%E5%8D%B7%E5%8E%BB%E7%9A%84%E5%B7%A6%EF%BC%9A%22%2B%20document.body.scrollLeft%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E6%AD%A3%E6%96%87%E9%83%A8%E5%88%86%E4%B8%8A%EF%BC%9A%22%2B%20window.screenTop%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E7%BD%91%E9%A1%B5%E6%AD%A3%E6%96%87%E9%83%A8%E5%88%86%E5%B7%A6%EF%BC%9A%22%2B%20window.screenLeft%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E5%B1%8F%E5%B9%95%E5%88%86%E8%BE%A8%E7%8E%87%E7%9A%84%E9%AB%98%EF%BC%9A%22%2B%20window.screen.height%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E5%B1%8F%E5%B9%95%E5%88%86%E8%BE%A8%E7%8E%87%E7%9A%84%E5%AE%BD%EF%BC%9A%22%2B%20window.screen.width%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E5%B1%8F%E5%B9%95%E5%8F%AF%E7%94%A8%E5%B7%A5%E4%BD%9C%E5%8C%BA%E9%AB%98%E5%BA%A6%EF%BC%9A%22%2B%20window.screen.availHeight%3B%20%0D%0As%20%2B%3D%20%22%5Cr%5Cn%E5%B1%8F%E5%B9%95%E5%8F%AF%E7%94%A8%E5%B7%A5%E4%BD%9C%E5%8C%BA%E5%AE%BD%E5%BA%A6%EF%BC%9A%22%2B%20window.screen.availWidth%3B%20%0D%0Aalert(s)%3B%20%0D%0A%7D%20%0D%0A%3C%2FSCRIPT%3E"> 
<A HREF="javascript:test()" _ewebeditor_ta_href="javascript%3Atest()">点击我查看信息</A> 
</body>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程