欧美日韩中文,亚洲福利在线观看,成人av一区

腳本1:進入主頁以后自動播放聲音
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true>

腳本2:進入主頁后自動最大話,省的去在自己單擊了
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

腳本3:顯示現在時間的腳本
<script language=vbscript>document.write now</script>

腳本4:顯示最后修改時間的腳本
<script>document.write(document.lastModified)</script>

腳本5:設為首頁,加為收藏，加入頻道,啟動outlook發信
<a style="cursor:hand"　
onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage(http://10.13.31.90/~kayvin/);">">設為首頁</a>

<a style="cursor:hand"
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>

<a href=javascript:window.external.addChannel("typhoon.cdf")>加入頻道</a>

<a href="mailtkayvin@sohu.com">與我聯系</a>

腳本6:狀態欄動態顯示現在時間
<script>
function see(){
window.setTimeout("see()",1000);
today = new Date();
self.status = today.toString();
}
</script>
<body onload=see()>

腳本7:關閉窗口的腳本
<a href=javascript:close()>[關閉窗口]</a>

腳本8:按下F12鍵,直接返回首頁
<script>function look(){
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/}
}
if(document.onkeydown==null)
{document.onkeydown=look}
</script>

腳本9:后退,刷新,前進
<input type=button value=后退 onclick=history.go(-1)>

<input type=button value=刷新 onclick=history.go(-0)>

<input type=button value=前進 onclick=history.go(+1)>

腳本10:設定時間彈出窗口,4000=4秒,當然你可以自定義
<script>function l()
{
window.open(" 10.13.31.90/~kayvin/ ","name","width=500,height=150,border=0")
}
setTimeout("l()",4000)

</script>

2. 鼠標旁邊的提示信息,類似與163登錄后的頁面提示效果

<a href="#" title="這是提示">tip</a>
<script Language="JavaScript">
//***********默認設置定義.*********************
tPopWait=50;//停留tWait豪秒后顯示提示。
tPopShow=5000;//顯示tShow豪秒后關閉提示
showPopStep=20;
popOpacity=99;
//***************內部變量定義*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");

function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
</script>

3.如果文字過長,則將過長的部分變成省略號顯示

<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很長，表格內一行顯示不下.</NOBR>
</DIV>

4.接收鍵盤指令的腳本

<SCRIPT language="JavaScript">

</SCRIPT>

onkeydown="javascript:onenter();"

function onenter(){
if(event.keyCode==13){
alert("回車");
}
}

5. 讓你的文本鏈接漸隱漸顯

<!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>
<script language="javascript" type="text/javascript">

startColor = "#671700"; // 定義鏈接顏色
endColor = "#D8D1C5";? // 定義要漸變到最后的顏色

stepIn = 17;
stepOut = 23;

/*
定義是否讓所有的文本鏈接自動漸變，true為是，false為否
*/
autoFade = true;?

/*
在這里定義css樣式里的類class：fade，如果為true，那么你要將要漸變的鏈接上加上此fade樣式
*/
sloppyClass = false;

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
??? hexa[i] = i;
hexa[10]="a"; hexa[11]="b"; hexa[12]="c";
hexa[13]="d"; hexa[14]="e"; hexa[15]="f";

document.onmouseover = domouseover;
document.onmouseout = domouseout;

startColor = dehexize(startColor.toLowerCase());
endColor = dehexize(endColor.toLowerCase());

var fadeId = new Array();

function dehexize(Color){
var colorArr = new makearray(3);
for (i=1; i<7; i++){
? for (j=0; j<16; j++){
?? if (Color.charAt(i) == hexa[j]){
??? if (i%2 !=0)
???? colorArr[Math.floor((i-1)/2)]=eval(j)*16;
??? else
???? colorArr[Math.floor((i-1)/2)]+=eval(j);
?? }
? }
}
return colorArr;
}

function domouseover() {
? if(document.all){
?? var srcElement = event.srcElement;
?? if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
??????? fade(startColor,endColor,srcElement.uniqueID,stepIn);?????
?? }
}

function domouseout() {
? if (document.all){
?? var srcElement = event.srcElement;
??? if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1))
??????? fade(endColor,startColor,srcElement.uniqueID,stepOut);
??? }
}

function makearray(n) {
??? this.length = n;
??? for(var i = 1; i <= n; i++)
??????? this[i] = 0;
??? return this;
}

function hex(i) {
??? if (i < 0)
??????? return "00";
??? else if (i > 255)
??????? return "ff";
??? else
?????? return "" + hexa[Math.floor(i/16)] + hexa[i%16];}

function setColor(r, g, b, element) {
????? var hr = hex(r); var hg = hex(g); var hb = hex(b);
????? element.style.color = "#"+hr+hg+hb;
}

function fade(s,e, element,step){
var sr = s[0]; var sg = s[1]; var sb = s[2];
var er = e[0]; var eg = e[1]; var eb = e[2];

if (fadeId[0] != null && fade[0] != element){
? setColor(sr,sg,sb,eval(fadeId[0]));
? var i = 1;
? while(i < fadeId.length){
?? clearTimeout(fadeId[i]);
?? i++;
?? }
? }
?
??? for(var i = 0; i <= step; i++) {
???? fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" +
?? step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+
?? ")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step);
? }
fadeId[0] = element;
}

</script>

</BODY>
</HTML>
<A HREF="">讓你的文本鏈接漸隱漸顯</A>

6.類似與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>
<script>
if (!document.getElementById)
??? document.getElementById = function() { return null; }

function initializeMenu(menuId, actuatorId) {
??? var menu = document.getElementById(menuId);
??? var actuator = document.getElementById(actuatorId);

??? if (menu == null || actuator == null) return;

??? //if (window.opera) return; // I'm too tired

??? actuator.parentNode.style.backgroundImage = "url(/images/plus.gif)";
??? actuator.onclick = function() {
??????? var display = menu.style.display;
??????? this.parentNode.style.backgroundImage =
??????????? (display == "block") ? "url(/images/plus.gif)" : "url(/images/minus.gif)";
??????? menu.style.display = (display == "block") ? "none" : "block";

??????? return false;
??? }
}
window.onload = function() {
??????????? initializeMenu("productsMenu", "productsActuator");
??????????? initializeMenu("newPhonesMenu", "newPhonesActuator");
??????????? initializeMenu("compareMenu", "compareActuator");
??????? }
</script>
<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="#" id="productsActuator" class="actuator">圖秀地帶收藏夾</a>
????????? <ul id="productsMenu" class="menu">
??????????? <li>
????????????? <a href="#" id="newPhonesActuator" class="actuator">我的好友</a>
????????????? <ul id="newPhonesMenu" class="submenu">
??????????????? <li><a >張三[10000001]</a></li>
??????????????? <li><a >李四[10000002]</a></li>
??????????????? <li><a >張三[10000001]</a></li>
??????????????? <li><a >李四[10000002]</a></li>
????????????? </ul>
??????????? </li>
??????????? <li>
????????????? <a href="#" id="compareActuator" class="actuator">陌生人</a>
????????????? <ul id="compareMenu" class="submenu">
??????????????? <li><a >張三[10000001]</a></li>
??????????????? <li><a >李四[10000002]</a></li>
??????????????? <li><a >張三[10000001]</a></li>
??????????????? <li><a >李四[10000002]</a></li>
????????????? </ul>
??????????? </li>
????????? </ul>
??????? </li>
????? </ul>
??? </div>
? </body>
</BODY>
</HTML>

7.很多的腳本翻頁

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> JavaScript: showPages v1.0 [by Lapuasi.com]</title>
<script language="JavaScript">

</script>
<style>
/* Pages Main Tyle */
.pages {
color: #000000;
cursor: default;
font-size: 10px;
font-family: Tahoma, Verdana;
padding: 3px 0px 3px 0px;
}
.pages .count, .pages .number, .pages .arrow {
color: #000000;
font-size: 10px;
background-color: #F7F7F7;
border: 1px solid #CCCCCC;
}
/* Page and PageCount Style */
.pages .count {
font-weight: bold;
border-right: none;
padding: 2px 10px 1px 10px;
}
/* Mode 0,1,2 Style (Number) */
.pages .number {
font-weight: normal;
padding: 2px 10px 1px 10px;
}
.pages .number a, .pages .number span {
font-size: 10px;
}
.pages .number span {
color: #999999;
margin: 0px 3px 0px 3px;
}
.pages .number a {
color: #000000;
text-decoration: none;
}
.pages .number a:hover {
color: #0000ff;
}
/* Mode 3 Style (Arrow) */
.pages .arrow {
font-weight: normal;
padding: 0px 5px 0px 5px;
}
.pages .arrow a, .pages .arrow span {
font-size: 10px;
font-family: Webdings;
}
.pages .arrow span {
color: #999999;
margin: 0px 5px 0px 5px;
}
.pages .arrow a {
color: #000000;
text-decoration: none;
}
.pages .arrow a:hover {
color: #0000ff;
}
/* Mode 4 Style (Select) */
.pages select, .pages input {
color: #000000;
font-size: 10px;
font-family: Tahoma, Verdana;
}
/* Mode 5 Style (Input) */
.pages .input input.ititle, .pages .input input.itext, .pages .input input.icount {
color: #666666;
font-weight: bold;
background-color: #F7F7F7;
border: 1px solid #CCCCCC;
}
.pages .input input.ititle {
width: 70px;
text-align: right;
border-right: none;
}
.pages .input input.itext {
width: 25px;
color: #000000;
text-align: right;
border-left: none;
border-right: none;
}
.pages .input input.icount {
width: 35px;
text-align: left;
border-left: none;
}
.pages .input input.ibutton {
height: 17px;
color: #FFFFFF;
font-weight: bold;
font-family: Verdana;
background-color: #999999;
border: 1px solid #666666;
padding: 0px 0px 2px 1px;
margin-left: 2px;
cursor: hand;
}

/* body */
body {
font-size: 12px;
}
</style>
</head>

<body>
<script language="JavaScript">

</script>
</body>
</html>

8.超級強大的表單驗證

<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>
<script>
/*************************************************
Validator v1.01
code by 我佛山人
wfsr@cunite.com
http://www.cunite.com
*************************************************/
Validator = {
Require : /.+/,
Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/,
Phone : /^(($\d{3}$)|(\d{3}\-))?($0\d{2,3}$|0\d{2,3}-)?[1-9]\d{6,7}$/,
Mobile : /^(($\d{3}$)|(\d{3}\-))?13\d{9}$/,
Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/,
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?$/,
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^[1-9]\d{5}$/,
QQ : /^[1-9]\d{4,8}$/,
Integer : /^[-\+]?\d+$/,
Double : /^[-\+]?\d+(\.\d+)?$/,
English : /^[A-Za-z]+$/,
Chinese :? /^[\u0391-\uFFE5]+$/,
UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/,
IsSafe : function(str){return !this.UnSafe.test(str);},
SafeString : "this.IsSafe(value)",
Limit : "this.limit(value.length,getAttribute('min'),? getAttribute('max'))",
LimitB : "this.limit(this.LenB(value), getAttribute('min'), getAttribute('max'))",
Date : "this.IsDate(value, getAttribute('min'), getAttribute('format'))",
Repeat : "value == document.getElementsByName(getAttribute('to'))[0].value",
Range : "getAttribute('min') < value && value < getAttribute('max')",
Compare : "this.compare(value,getAttribute('operator'),getAttribute('to'))",
Custom : "this.Exec(value, getAttribute('regexp'))",
Group : "this.MustChecked(getAttribute('name'), getAttribute('min'), getAttribute('max'))",
ErrorItem : [document.forms[0]],
ErrorMessage : ["以下原因導致提交失敗：\t\t\t\t"],
Validate : function(theForm, mode){
? var obj = theForm || event.srcElement;
? var count = obj.elements.length;
? this.ErrorMessage.length = 1;
? this.ErrorItem.length = 1;
? this.ErrorItem[0] = obj;
? for(var i=0;i<count;i++){
?? with(obj.elements[i]){
??? var _dataType = getAttribute("dataType");
??? if(typeof(_dataType) == "object" || typeof(this[_dataType]) == "undefined")? continue;
??? this.ClearState(obj.elements[i]);
??? if(getAttribute("require") == "false" && value == "") continue;
??? switch(_dataType){
???? case "Date" :
???? case "Repeat" :
???? case "Range" :
???? case "Compare" :
???? case "Custom" :
???? case "Group" :
???? case "Limit" :
???? case "LimitB" :
???? case "SafeString" :
????? if(!eval(this[_dataType])) {
?????? this.AddError(i, getAttribute("msg"));
????? }
????? break;
???? default :
????? if(!this[_dataType].test(value)){
?????? this.AddError(i, getAttribute("msg"));
????? }
????? break;
??? }
?? }
? }
? if(this.ErrorMessage.length > 1){
?? mode = mode || 1;
?? var errCount = this.ErrorItem.length;
?? switch(mode){
?? case 2 :
??? for(var i=1;i<errCount;i++)
???? this.ErrorItem[i].style.color = "red";
?? case 1 :
??? alert(this.ErrorMessage.join("\n"));
??? this.ErrorItem[1].focus();
??? break;
?? case 3 :
??? for(var i=1;i<errCount;i++){
??? try{
???? var span = document.createElement("SPAN");
???? span.id = "__ErrorMessagePanel";
???? span.style.color = "red";
???? this.ErrorItem[i].parentNode.appendChild(span);
???? span.innerHTML = this.ErrorMessage[i].replace(/\d+:/,"*");
???? }
???? catch(e){alert(e.description);}
??? }
??? this.ErrorItem[1].focus();
??? break;
?? default :
??? alert(this.ErrorMessage.join("\n"));
??? break;
?? }
?? return false;
? }
? return true;
},
limit : function(len,min, max){
? min = min || 0;
? max = max || Number.MAX_VALUE;
? return min <= len && len <= max;
},
LenB : function(str){
? return str.replace(/[^\x00-\xff]/g,"**").length;
},
ClearState : function(elem){
? with(elem){
?? if(style.color == "red")
??? style.color = "";
?? var lastNode = parentNode.childNodes[parentNode.childNodes.length-1];
?? if(lastNode.id == "__ErrorMessagePanel")
??? parentNode.removeChild(lastNode);
? }
},
AddError : function(index, str){
? this.ErrorItem[this.ErrorItem.length] = this.ErrorItem[0].elements[index];
? this.ErrorMessage[this.ErrorMessage.length] = this.ErrorMessage.length + ":" + str;
},
Exec : function(op, reg){
? return new RegExp(reg,"g").test(op);
},
compare : function(op1,operator,op2){
? switch (operator) {
?? case "NotEqual":
??? return (op1 != op2);
?? case "GreaterThan":
??? return (op1 > op2);
?? case "GreaterThanEqual":
??? return (op1 >= op2);
?? case "LessThan":
??? return (op1 < op2);
?? case "LessThanEqual":
??? return (op1 <= op2);
?? default:
??? return (op1 == op2);???????????
? }
},
MustChecked : function(name, min, max){
? var groups = document.getElementsByName(name);
? var hasChecked = 0;
? min = min || 1;
? max = max || groups.length;
? for(var i=groups.length-1;i>=0;i--)
?? if(groups[i].checked) hasChecked++;
? return min <= hasChecked && hasChecked <= max;
},
IsDate : function(op, formatString){
? formatString = formatString || "ymd";
? var m, year, month, day;
? switch(formatString){
?? case "ymd" :
??? m = op.match(new RegExp("^((\\d{4})|(\\d{2}))([-./])(\\d{1,2})\\4(\\d{1,2})$"));
??? if(m == null ) return false;
??? day = m[6];
??? month = m[5]--;
??? year =? (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3], 10));
??? break;
?? case "dmy" :
??? m = op.match(new RegExp("^(\\d{1,2})([-./])(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
??? if(m == null ) return false;
??? day = m[1];
??? month = m[3]--;
??? year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6], 10));
??? break;
?? default :
??? break;
? }
? if(!parseInt(month)) return false;
? month = month==12 ?0:month;
? var date = new Date(year, month, day);
??????? return (typeof(date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate());
? function GetFullYear(y){return ((y<30 ? "20" : "19") + y)|0;}
}
}
</script>

9.漂亮的腳本日歷

<Script LANGUAGE="JavaScript">
var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
var days = new Array("日","一", "二", "三","四", "五", "六");
var classTemp;
var today=new getToday();
var year=today.year;
var month=today.month;
var newCal;

function getDays(month, year) {
? if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
? else return daysInMonth[month];
}

function getToday() {
? this.now = new Date();
? this.year = this.now.getFullYear();
? this.month = this.now.getMonth();
? this.day = this.now.getDate();
}

function Calendar() {
? newCal = new Date(year,month,1);
? today = new getToday();??
? var day = -1;
? var startDay = newCal.getDay();
? var endDay=getDays(newCal.getMonth(), newCal.getFullYear());
? var daily = 0;
? if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
? {
?? day = today.day;
? }
? var caltable = document.all.caltable.tBodies.calendar;
? var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());

? for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)
?? for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
?? {
??? var cell = caltable.rows[intWeek].cells[intDay];
??? var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);????????
??? if ((intDay == startDay) && (0 == daily)){ daily = 1;}
??? var daytemp=daily<10?("0"+daily):(daily);
??? var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
??? if(day==daily) cell.className="DayNow";
??? else if(intDay==6) cell.className = "DaySat";
??? else if (intDay==0) cell.className ="DaySun";
??? else cell.className="Day";
??? if ((daily > 0) && (daily <= intDaysInMonth))
??? {
???? cell.innerText = daily;
???? daily++;
??? } else
??? {
???? cell.className="CalendarTD";
???? cell.innerText = "";
??? }
? }
? document.all.year.value=year;
? document.all.month.value=month+1;
}

function subMonth()
{
? if ((month-1)<0)
? {
?? month=11;
?? year=year-1;
? } else
? {
?? month=month-1;
? }
? Calendar();
}

function addMonth()
{
? if((month+1)>11)
? {
?? month=0;
?? year=year+1;
? } else
? {
?? month=month+1;
? }
? Calendar();
}

function setDate()
{
? if (document.all.month.value<1||document.all.month.value>12)
? {
?? alert("月的有效范圍在1-12之間!");
?? return;
? }
? year=Math.ceil(document.all.year.value);
? month=Math.ceil(document.all.month.value-1);
? Calendar();
}
</Script>

<Script>
function buttonOver()
{
var obj = window.event.srcElement;
obj.runtimeStyle.cssText = "background-color:#FFFFFF";
// obj.className="Hover";
}

function buttonOut()
{
var obj = window.event.srcElement;
window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);
}
</Script>

<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();" 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();" title="下一月" Class="DayButton">4</a>
? </td>
</tr>
<tr align="center" valign="middle">
? <Script LANGUAGE="JavaScript">?
?? document.write("<TD class=DaySunTitle id=diary >" + days[0] + "</TD>");
?? for (var intLoop = 1; intLoop < days.length-1;intLoop++)
??? document.write("<TD class=DayTitle id=diary>" + days[intLoop] + "</TD>");
??? document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + "</TD>");
? </Script>
</TR>
</thead>
<TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()">
<Script LANGUAGE="JavaScript">
? for (var intWeeks = 0; intWeeks < 6; intWeeks++)
? {
?? document.write("<TR style='cursor:hand'>");
?? for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>");
?? document.write("</TR>");
? }
</Script>
</TBODY>
</TABLE>
<Script? LANGUAGE="JavaScript">
Calendar();
</Script>

10.圓角矩形的實現

<html xmlns:v>
<head>
<style>
v\:*{behavior: url(#default#VML);}
</style>
</head>
<body>
<v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#AAEAFA" Filled="T" />
</body>

11.跳動的菜單

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>模仿as效果的導航菜單</title>
<style type="text/css">

</style>
<script type="text/javascript">
lastNo=0
function re(menu_no){
if(lastNo!=menu_no){
cur=menu_no+1
lastNo=menu_no
rest()
}else{
cur=100
}
document.getElementById("board"+menu_no).style.visibility="visible"
}
function rest(){
for(i=1;i<=4;i++){
document.getElementById("hor"+i).style.top=20*i;
document.getElementById("board"+i).style.visibility="hidden"
}
menu_num=4;
act=1
height=120+20
speed=0;
posY=0;
}
function huke(){
if(act==1&&cur<100){
speed=(height-posY)*0.69+speed*0.6
posY+=speed
for(i=cur;i<=menu_num;i++){
document.getElementById("hor"+i).style.top=posY+(i-2)*20
}
if(Math.abs(height-posY)<0.5){
for(i=cur;i<=menu_num;i++){
document.getElementById("hor"+i).style.top=height+(i-2)*20
}
act=0
}
setTimeout("huke()",50)
}
}

</script>
</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<br />2.用Jscript寫ASP有沒有先天性的不足？<br />3.沒有了。</div>
<div id="board2">1.xhtml+css真的來了嗎？<br />2.Flash取代傳統網站<br />3.Flash何時才能連接數據庫？</div>
<div id="board3">1.程序員與小姐的10個相同。<br />2.中國的程序員與中國的足球？</div>
<div id="board4">1.二十一世紀最缺的是什么?人才<br />
<a target="_blank">http://www.gamvan.com</a>
<a target="_blank">http://www.gamvan.com</a></div>
</body>
</html>

12.drag the div

<html>
<head>
<title>DRAG the DIV</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
*{font-size:12px}
.dragTable{
font-size:12px;
border-top:1px solid #3366cc;
margin-bottom: 10px;
width:100%;
background-color:#FFFFFF;
}
td{vertical-align:top;}
.dragTR{
cursor:move;
color:#7787cc;
background-color:#e5eef9;
height:20px;
padding-left:5px;
font-weight:bold;
}
#parentTable{
border-collapse:collapse;
letter-spacing:25px;
}
</style>
<script defer>
/****JoeLee************E-MAIL:hktx@163.com****QQ:48293707*****11:09 2006-2-9******/
var Drag={dragged:false,
? ao:null,
? tdiv:null,
dragStart:function(){
Drag.ao=event.srcElement;
if((Drag.ao.tagName=="TD")||(Drag.ao.tagName=="TR")){
? Drag.ao=Drag.ao.offsetParent;
? Drag.ao.style.zIndex=100;
}else
? return;
Drag.dragged=true;
Drag.tdiv=document.createElement("div");
Drag.tdiv.innerHTML=Drag.ao.outerHTML;
Drag.ao.style.border="1px dashed red";
Drag.tdiv.style.display="block";
Drag.tdiv.style.position="absolute";
Drag.tdiv.style.filter="alpha(opacity=70)";
Drag.tdiv.style.cursor="move";
Drag.tdiv.style.border="1px solid #000000";
Drag.tdiv.style.width=Drag.ao.offsetWidth;
Drag.tdiv.style.height=Drag.ao.offsetHeight;
Drag.tdiv.style.top=Drag.getInfo(Drag.ao).top;
Drag.tdiv.style.left=Drag.getInfo(Drag.ao).left;
document.body.appendChild(Drag.tdiv);
Drag.lastX=event.clientX;
Drag.lastY=event.clientY;
Drag.lastLeft=Drag.tdiv.style.left;
Drag.lastTop=Drag.tdiv.style.top;
},

draging:function(){//重要:判斷MOUSE的位置
if(!Drag.dragged||Drag.ao==null)return;
var tX=event.clientX;
var tY=event.clientY;
Drag.tdiv.style.left=parseInt(Drag.lastLeft)+tX-Drag.lastX;
Drag.tdiv.style.top=parseInt(Drag.lastTop)+tY-Drag.lastY;
for(var i=0;i<parentTable.cells.length;i++){
? var parentCell=Drag.getInfo(parentTable.cells[i]);
? if(tX>=parentCell.left&&tX<=parentCell.right&&tY>=parentCell.top&&tY<=parentCell.bottom){
?? var subTables=parentTable.cells[i].getElementsByTagName("table");
?? if(subTables.length==0){
??? if(tX>=parentCell.left&&tX<=parentCell.right&&tY>=parentCell.top&&tY<=parentCell.bottom){
???? parentTable.cells[i].appendChild(Drag.ao);
??? }
??? break;
?? }
?? for(var j=0;j<subTables.length;j++){
??? var subTable=Drag.getInfo(subTables[j]);
??? if(tX>=subTable.left&&tX<=subTable.right&&tY>=subTable.top&&tY<=subTable.bottom){
???? parentTable.cells[i].insertBefore(Drag.ao,subTables[j]);
???? break;
??? }else{
???? parentTable.cells[i].appendChild(Drag.ao);
??? }
?? }
? }
}
}
,
dragEnd:function(){
if(!Drag.dragged)return;
Drag.dragged=false;
Drag.mm=Drag.repos(150,15);
Drag.ao.style.borderWidth="0px";
Drag.ao.style.borderTop="1px solid #3366cc";
Drag.tdiv.style.borderWidth="0px";
Drag.ao.style.zIndex=1;
},
getInfo:function(o){//取得坐標
var to=new Object();
to.left=to.right=to.top=to.bottom=0;
var twidth=o.offsetWidth;
var theight=o.offsetHeight;
while(o!=document.body){
? to.left+=o.offsetLeft;
? to.top+=o.offsetTop;
? o=o.offsetParent;
}
? to.right=to.left+twidth;
? to.bottom=to.top+theight;
return to;
},
repos:function(aa,ab){
var f=Drag.tdiv.filters.alpha.opacity;
var tl=parseInt(Drag.getInfo(Drag.tdiv).left);
var tt=parseInt(Drag.getInfo(Drag.tdiv).top);
var kl=(tl-Drag.getInfo(Drag.ao).left)/ab;
var kt=(tt-Drag.getInfo(Drag.ao).top)/ab;
var kf=f/ab;
return setInterval(function(){if(ab<1){
?????? clearInterval(Drag.mm);
?????? Drag.tdiv.removeNode(true);
?????? Drag.ao=null;
?????? return;
????? }
???? ab--;
???? tl-=kl;
???? tt-=kt;
???? f-=kf;
???? Drag.tdiv.style.left=parseInt(tl)+"px";
???? Drag.tdiv.style.top=parseInt(tt)+"px";
???? Drag.tdiv.filters.alpha.opacity=f;
??? }
,aa/ab)
},
inint:function(){//初始化
for(var i=0;i<parentTable.cells.length;i++){
? var subTables=parentTable.cells[i].getElementsByTagName("table");
? for(var j=0;j<subTables.length;j++){
?? if(subTables[j].className!="dragTable")break;
?? subTables[j].rows[0].className="dragTR";
?? subTables[j].rows[0].attachEvent("onmousedown",Drag.dragStart);
? }
}
document.onmousemove=Drag.draging;
document.onmouseup=Drag.dragEnd;
}
//end of Object Drag
}
Drag.inint();

function _show(str){
var w=window.open('','');
var d=w.document;
d.open();
str=str.replace(/=(?!")(.*?)(?!")( |>)/g,"=\"$1\"$2");
str=str.replace(/(<)(.*?)(>)/g,"<span style='color:red;'><$2></span><br />");
str=str.replace(/\r/g,"<br />\n");
d.write(str);
}
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="10" width="100%" height=500 id="parentTable">
<tr >
<td width="25%" valgin="top">
? <table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td><b>GMAIL</b></td>
?? </tr>
?? <tr>
??? <td>暫時無法顯示GMAIL內容</td>
?? <tr>
? </table><table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td>新浪體育</td>
?? </tr>
?? <tr>
??? <td>解剖威隊獨門利器FW28 2萬轉引擎匹配超級變速器頒獎：辛吉斯欣喜能以冠軍起步<br/> 印度搭檔創下紀錄法新社前瞻冬奧短道速滑：中韓唱主角美加施冷箭</td>
?? <tr>
? </table>
? <table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td>焦點</td>
?? </tr>
?? <tr>
??? <td>京廣線中斷4小時20臨客返漢晚點中國新聞網-湖北分社 - 所有 235 相關報道 »哈馬斯已有總理人選
??????????????? 解放日報報業集團 - 所有 489 相關報道 »陳水扁是兩岸關系麻煩制造者武漢晨報 - 所有 179 相關報道 »</td>
?? <tr>
? </table>
</td>
<td width="25%">
? <table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td>中關村在線</td>
?? </tr>
?? <tr>
??? <td>新年行情速遞雙敏板卡低價推薦終于等到了，映泰6600GT一降降一百羅技G15游戲鍵盤熱力促銷，代購價僅529元 </td>
?? <tr>
? </table></td>
<td width="25%">
? <table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td>網易商業</td>
?? </tr>
?? <tr>
??? <td>上海GDP增幅去年出現回落應對反傾銷中國鞋企聯手對抗歐盟尹家緒操盤南方汽車長安謀求曲線整體境外上市</td>
?? <tr>
? </table>? <table border=0 class="dragTable" cellspacing="0">
?? <tr>
??? <td>黑可天下</td>
?? </tr>
?? <tr>
??? <td>上海GDP增幅去年出現回落應對反傾銷中國鞋企聯手對抗歐盟尹家緒操盤南方汽車長安謀求曲線整體境外上市</td>
?? <tr>
? </table>
</td>
</tr>
</table>
<input type="button" value="SHOW" onClick="_show(document.documentElement.innerHTML)" />
</body>
</html>

13.經典的帶陰影的可拖動的浮動層

<!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">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {? //reloads the window if Nav4 resized
? if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
??? document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
? else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
? var p,i,x;? if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
??? d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
? if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
? for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
? if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
? var i,p,v,obj,args=MM_showHideLayers.arguments;
? for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
??? if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
??? obj.visibility=v; }
}

function MM_dragLayer(objName,x,hL,hT,hW,hH,toFront,dropBack,cU,cD,cL,cR,targL,targT,tol,dropJS,et,dragJS) { //v4.01
? //Copyright 1998 Macromedia, Inc. All rights reserved.
? var i,j,aLayer,retVal,curDrag=null,curLeft,curTop,IE=document.all,NS4=document.layers;
? var NS6=(!IE&&document.getElementById), NS=(NS4||NS6); if (!IE && !NS) return false;
? retVal = true; if(IE && event) event.returnValue = true;
? if (MM_dragLayer.arguments.length > 1) {
??? curDrag = MM_findObj(objName); if (!curDrag) return false;
??? if (!document.allLayers) { document.allLayers = new Array();
????? with (document) if (NS4) { for (i=0; i<layers.length; i++) allLayers[i]=layers[i];
??????? for (i=0; i<allLayers.length; i++) if (allLayers[i].document && allLayers[i].document.layers)
????????? with (allLayers[i].document) for (j=0; j<layers.length; j++) allLayers[allLayers.length]=layers[j];
????? } else {
??????? if (NS6) { var spns = getElementsByTagName("span"); var all = getElementsByTagName("div");
????????? for (i=0;i<spns.length;i++) if (spns[i].style&&spns[i].style.position) allLayers[allLayers.length]=spns[i];}
??????? for (i=0;i<all.length;i++) if (all[i].style&&all[i].style.position) allLayers[allLayers.length]=all[i];
??? } }
??? curDrag.MM_dragOk=true; curDrag.MM_targL=targL; curDrag.MM_targT=targT;
??? curDrag.MM_tol=Math.pow(tol,2); curDrag.MM_hLeft=hL; curDrag.MM_hTop=hT;
??? curDrag.MM_hWidth=hW; curDrag.MM_hHeight=hH; curDrag.MM_toFront=toFront;
??? curDrag.MM_dropBack=dropBack; curDrag.MM_dropJS=dropJS;
??? curDrag.MM_everyTime=et; curDrag.MM_dragJS=dragJS;
??? curDrag.MM_oldZ = (NS4)?curDrag.zIndex:curDrag.style.zIndex;
??? curLeft= (NS4)?curDrag.left:(NS6)?parseInt(curDrag.style.left):curDrag.style.pixelLeft;
??? if (String(curLeft)=="NaN") curLeft=0; curDrag.MM_startL = curLeft;
??? curTop = (NS4)?curDrag.top:(NS6)?parseInt(curDrag.style.top):curDrag.style.pixelTop;
??? if (String(curTop)=="NaN") curTop=0; curDrag.MM_startT = curTop;
??? curDrag.MM_bL=(cL<0)?null:curLeft-cL; curDrag.MM_bT=(cU<0)?null:curTop-cU;
??? curDrag.MM_bR=(cR<0)?null:curLeft+cR; curDrag.MM_bB=(cD<0)?null:curTop+cD;
??? curDrag.MM_LEFTRIGHT=0; curDrag.MM_UPDOWN=0; curDrag.MM_SNAPPED=false; //use in your JS!
??? document.onmousedown = MM_dragLayer; document.onmouseup = MM_dragLayer;
??? if (NS) document.captureEvents(Event.MOUSEDOWN|Event.MOUSEUP);
? } else {
??? var theEvent = ((NS)?objName.type:event.type);
??? if (theEvent == 'mousedown') {
????? var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
????? var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
????? var maxDragZ=null; document.MM_maxZ = 0;
????? for (i=0; i<document.allLayers.length; i++) { aLayer = document.allLayers[i];
??????? var aLayerZ = (NS4)?aLayer.zIndex:parseInt(aLayer.style.zIndex);
??????? if (aLayerZ > document.MM_maxZ) document.MM_maxZ = aLayerZ;
??????? var isVisible = (((NS4)?aLayer.visibility:aLayer.style.visibility).indexOf('hid') == -1);
??????? if (aLayer.MM_dragOk != null && isVisible) with (aLayer) {
????????? var parentL=0; var parentT=0;
????????? if (NS6) { parentLayer = aLayer.parentNode;
??????????? while (parentLayer != null && parentLayer.style.position) {????????????
????????????? parentL += parseInt(parentLayer.offsetLeft); parentT += parseInt(parentLayer.offsetTop);
????????????? parentLayer = parentLayer.parentNode;
????????? } } else if (IE) { parentLayer = aLayer.parentElement;??????
??????????? while (parentLayer != null && parentLayer.style.position) {
????????????? parentL += parentLayer.offsetLeft; parentT += parentLayer.offsetTop;
????????????? parentLayer = parentLayer.parentElement; } }
????????? var tmpX=mouseX-(((NS4)?pageX:((NS6)?parseInt(style.left):style.pixelLeft)+parentL)+MM_hLeft);
????????? var tmpY=mouseY-(((NS4)?pageY:((NS6)?parseInt(style.top):style.pixelTop) +parentT)+MM_hTop);
????????? if (String(tmpX)=="NaN") tmpX=0; if (String(tmpY)=="NaN") tmpY=0;
????????? var tmpW = MM_hWidth;? if (tmpW <= 0) tmpW += ((NS4)?clip.width

ffsetWidth);
????????? var tmpH = MM_hHeight; if (tmpH <= 0) tmpH += ((NS4)?clip.height:offsetHeight);
????????? if ((0 <= tmpX && tmpX < tmpW && 0 <= tmpY && tmpY < tmpH) && (maxDragZ == null
????????????? || maxDragZ <= aLayerZ)) { curDrag = aLayer; maxDragZ = aLayerZ; } } }
????? if (curDrag) {
??????? document.onmousemove = MM_dragLayer; if (NS4) document.captureEvents(Event.MOUSEMOVE);
??????? curLeft = (NS4)?curDrag.left:(NS6)?parseInt(curDrag.style.left):curDrag.style.pixelLeft;
??????? curTop = (NS4)?curDrag.top:(NS6)?parseInt(curDrag.style.top):curDrag.style.pixelTop;
??????? if (String(curLeft)=="NaN") curLeft=0; if (String(curTop)=="NaN") curTop=0;
??????? MM_oldX = mouseX - curLeft; MM_oldY = mouseY - curTop;
??????? document.MM_curDrag = curDrag;? curDrag.MM_SNAPPED=false;
??????? if(curDrag.MM_toFront) {
????????? eval('curDrag.'+((NS4)?'':'style.')+'zIndex=document.MM_maxZ+1');
????????? if (!curDrag.MM_dropBack) document.MM_maxZ++; }
??????? retVal = false; if(!NS4&&!NS6) event.returnValue = false;
??? } } else if (theEvent == 'mousemove') {
????? if (document.MM_curDrag) with (document.MM_curDrag) {
??????? var mouseX = (NS)?objName.pageX : event.clientX + document.body.scrollLeft;
??????? var mouseY = (NS)?objName.pageY : event.clientY + document.body.scrollTop;
??????? newLeft = mouseX-MM_oldX; newTop? = mouseY-MM_oldY;
??????? if (MM_bL!=null) newLeft = Math.max(newLeft,MM_bL);
??????? if (MM_bR!=null) newLeft = Math.min(newLeft,MM_bR);
??????? if (MM_bT!=null) newTop? = Math.max(newTop ,MM_bT);
??????? if (MM_bB!=null) newTop? = Math.min(newTop ,MM_bB);
??????? MM_LEFTRIGHT = newLeft-MM_startL; MM_UPDOWN = newTop-MM_startT;
??????? if (NS4) {left = newLeft; top = newTop;}
??????? else if (NS6){style.left = newLeft; style.top = newTop;}
??????? else {style.pixelLeft = newLeft; style.pixelTop = newTop;}
??????? if (MM_dragJS) eval(MM_dragJS);
??????? retVal = false; if(!NS) event.returnValue = false;
??? } } else if (theEvent == 'mouseup') {
????? document.onmousemove = null;
????? if (NS) document.releaseEvents(Event.MOUSEMOVE);
????? if (NS) document.captureEvents(Event.MOUSEDOWN); //for mac NS
????? if (document.MM_curDrag) with (document.MM_curDrag) {
??????? if (typeof MM_targL =='number' && typeof MM_targT == 'number' &&
??????????? (Math.pow(MM_targL-((NS4)?left:(NS6)?parseInt(style.left):style.pixelLeft),2)+
???????????? Math.pow(MM_targT-((NS4)?top:(NS6)?parseInt(style.top):style.pixelTop),2))<=MM_tol) {
????????? if (NS4) {left = MM_targL; top = MM_targT;}
????????? else if (NS6) {style.left = MM_targL; style.top = MM_targT;}
????????? else {style.pixelLeft = MM_targL; style.pixelTop = MM_targT;}
????????? MM_SNAPPED = true; MM_LEFTRIGHT = MM_startL-MM_targL; MM_UPDOWN = MM_startT-MM_targT; }
??????? if (MM_everyTime || MM_SNAPPED) eval(MM_dropJS);
??????? if(MM_dropBack) {if (NS4) zIndex = MM_oldZ; else style.zIndex = MM_oldZ;}
??????? retVal = false; if(!NS) event.returnValue = false; }
????? document.MM_curDrag = null;
??? }
??? if (NS) document.routeEvent(objName);
? } return retVal;
}

function loadwin(obj){
with(MM_findObj(obj))with(style){
? filters[0].apply();
? display='';
? filters[0].play();
}
}
function cs(captionBG,bodyBG,tableBG){
oldBody=document.body;
with(oldBody){
? var newBody=cloneNode();
? style.filter='blendtrans(duration=1)';
? filters[0].apply();
? with(document.styleSheets[0]){
?? with(rules[0].style){backgroundColor=captionBG;}
?? with(rules[1].style){backgroundColor=bodyBG;}
?? with(rules[2].style){backgroundColor=tableBG}
? }
? filters[0].play();
? setTimeout(function(){
??? if(oldBody!=null){
???? oldBody.applyElement(newBody, "inside")
???? oldBody.swapNode(newBody);
???? oldBody.removeNode(true);
???? }
??? },1500);
}
}
//-->
</script>
<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="#" onclick="with(MM_findObj('assistwin').style)display=display=='none'?'':'none'">%</a></td>
????? <td width="14" align="center"><a href="

一些很實用且必用的小腳本代碼:

更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號聯系： 360901061

您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對您有幫助就好】元

2元

5元

10元

20元

自定義