注册 登录
编程论坛 WEB前端(UI)

无聊找了点网页特效代码!!

oヤ偽妳變壞 发布于 2006-04-25 12:38, 6168 次点击

右键菜单
加在<body>与</body>之间
<OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM name="Command" value="Related Topics,menu">
<PARAM name="Item1" value="动易;http://www.aspease.com">
<PARAM name="Item2" value="搜狐;http://www.sohu.com">
<PARAM name="Item3" value="新浪;http://www.sina.com">
<PARAM name="Item4" value="网易;http://www.163.com">
<PARAM name="Item5" value="互动学院;http://favorites.myrice.com">
</OBJECT> <script> if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") </script>

50 回复
#2
oヤ偽妳變壞2006-04-25 12:40

<!--网页加载时图片_波动-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>ASPEASE</title>
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation">
<!--
// See KB article about changing this dynamic HTML
dynamicanimAttr = "dynamicanimation"
animCancel = "skipanim"
fpanimationPrefix = "fpAnim"
animateElements = new Array()
currentElement = 0
speed = 1
stepsZoom = 8
stepsWord = 8
stepsFly = 17
stepsSpiral = 16
stepsSpiralWord = 19
stepsElastic = 32
steps = stepsZoom
step = 0
cornerPhase=0
outEffect=0
function remSuffix(str)
{
ind=str.indexOf("FP")
str = str.substring(0,ind)
return str
}
function dynAnimOut(el)
{
outEffect=1
dynAnimation(el)
outEffect=0
}
function dynAnimation(obj)
{
animateElements = new Array()
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(!ie4)
{
if((navigator.appName == "Netscape") &&
(parseInt(navigator.appVersion.substring(0, 1)) >= 4))
doc_els=document.layers
else
return
}
else
doc_els=document.all
if(outEffect && !ie4)
return
if(ie4)
{
for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
{
el = document.all[index]
if(outEffect && el != obj)
continue
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(null != animation)
{
altcnt=0
if( animation == "dropWord" ||
animation == "flyTopRightWord" ||
animation == "flyBottomRightWord" ||
animation == "waveWords" ||
animation == "hopWords")
{
ih = el.innerHTML
outString = ""
i1 = 0
iend = ih.length
while(true)
{
i2 = startWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, false, "", outEffect ? obj.id : el.id)
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
if (animation == "waveWords")
outWordAlt(ih, i1, i2, true, animation, altcnt)
else
outWord(ih, i1, i2, true, (outEffect ? "Out" : "") + animation,
outEffect ? obj.id : el.id)

if(i2 == iend)
break
i1 = i2
altcnt++
}
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(animCancel, true)
document.all[index].style.visibility="visible"
}
}
}
}
i = 0
for (index=0; index < doc_els.length; index++)
{
el = doc_els[index]
if(0 != el.id.indexOf(fpanimationPrefix))
continue
if (ie4)
{
elprops=el.style
scrollOffsetTop=document.body.scrollTop
docHeight=document.body.offsetHeight
docWidth=document.body.offsetWidth
elW=100
elH=el.offsetHeight
}
else
{
elprops=el
scrollOffsetTop=window.pageYOffset
docHeight=window.innerHeight
docWidth=window.innerWidth
elW=el.clip.width
elH=el.clip.height
}
if(outEffect)
animationId = el.id.substring(9,el.id.length)
else
animationId = el.id.substring(6,el.id.length)
animation=remSuffix(animationId)
if(outEffect && (obj != el))
{
if(el.SRCID != obj.id)
continue
}
if (null != animation )
{
if(ie4 && null!=el.getAttribute(animCancel, false))
continue
if(!ie4)
{
elprops.posLeft=elprops.left
elprops.posTop=elprops.top
}
el.startL=offsetLeft(el)
if(animation == "flyLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = 0
}
else if(animation == "flyRight" || animation=="elasticRight")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = 0
}
else if(animation == "flyTop" || animation == "dropWord")
{
elprops.posLeft = 0
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == "flyBottom" || animation == "elasticBottom")
{
elprops.posLeft = 0
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == "flyTopLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == "flyTopRight" || animation == "flyTopRightWord")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)-elH
}
else if(animation == "flyCorner")
{
elprops.posLeft = docWidth*0.2-offsetLeft(el)

elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == "flyBottomLeft")
{
elprops.posLeft = -offsetLeft(el)-elW
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if(animation == "spiral")
{
elprops.posLeft = -offsetLeft(el)+docWidth
elprops.posTop = scrollOffsetTop-offsetTop(el)+docHeight
}
else if((animation.indexOf("waveWords") != -1) || animation=="hopWords")
{
if(i)
{
prevEl=animateElements[i-1]
elprops.r = offsetLeft(el)-prevEl.startL
}
else
elprops.r = offsetLeft(el)
}
else if(animation == "wipeLR" || animation == "wipeMID")
{
if (ie4 && elprops.position=="absolute")
{
el.sizeW=el.offsetWidth
elprops.clip="rect(0 0 0 0)"
}
else if (!ie4)
{
el.sizeW=el.clip.width
el.clip.width=0
}
}
else if(animation == "wipeTB")
{
if (ie4 && elprops.position=="absolute")
{
elprops.clip="rect(0 0 0 0)"
}
else if(!ie4)
{
el.sizeH=el.clip.height
el.clip.height=0
}
}
else if(animation == "zoomIn")
{
elprops.posLeft = 0
elprops.posTop = 0
}
else if(animation == "zoomOut")
{
elprops.posLeft = 0
elprops.posTop = 0
}
else
{
continue
}
if(!outEffect)
{
el.initLeft = elprops.posLeft
el.initTop = elprops.posTop
el.endLeft = 0
el.endTop = 0
elprops.visibility = "hidden"
}
else
{
el.initLeft = 0
el.initTop = 0
el.endLeft = elprops.posLeft
el.endTop = elprops.posTop
elprops.posTop = 0
elprops.posLeft = 0
}
if(!ie4)
{
elprops.left=elprops.initLeft
elprops.top =elprops.initTop
}
animateElements[i++] = el
}
}
if(animateElements.length > 0)
{
if(outEffect)
window.setTimeout("animate(1);", speed, "Javascript")
else
window.setTimeout("animate(0);", speed, "Javascript")
}
}
function offsetLeft(el)
{
if(ie4)
{
x = el.offsetLeft
for (e = el.offsetParent; e; e = e.offsetParent)
x += e.offsetLeft
return x
}
else
{
x = el.pageX
return x
}
}
function offsetTop(el)
{
if(ie4)
{
y = el.offsetTop
for (e = el.offsetParent; e; e = e.offsetParent)
y += e.offsetTop;
return y
}
else
{
y = el.pageY
return y
}
}
function startWord(ih, i)
{
for(tag = false; i < ih.length; i++)
{
c = ih.charAt(i)
if(c == '<')
{
if(ih.substring(i+1, i+4) == "IMG")
return i;
tag = true
}
if(!tag)
return i
if(c == '>')
tag = false
}
return -1
}
function endWord(ih, i)
{
nonSpace = false
space = false
img = false
if(ih.charAt(i) == '<')
{
img = true
i++;
}
while(i < ih.length)
{
c = ih.charAt(i)
if(c != ' ')
nonSpace = true
if(img && c == '>')
img = false;
if(nonSpace && !img && c == ' ')
space = true
if(c == '<')
return i
if(space && c != ' ')
return i
i++
}
return -1
}
function outWord(ih, i1, i2, dyn, anim, srcID)
{
if(dyn)
if(!outEffect)
outString += "<SPAN ID=\"" + fpanimationPrefix + anim + "FP\" style=\"position: relative; visibility: hidden;\">"
else
outString += "<SPAN SRCID=\"" + srcID + "\"ID=\"" + fpanimationPrefix + anim + "FP\" style=\"position: relative;\">"
outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
function outWordAlt(ih, i1, i2, dyn, anim, altcnt)
{
if(dyn)
{
if(altcnt%2)
outString += "<SPAN ID=\"" + fpanimationPrefix + anim + "LFP\" style=\"position: relative; visibility: hidden;\">"
else
outString += "<SPAN ID=\"" + fpanimationPrefix + anim + "RFP\" style=\"position: relative; visibility: hidden;\">"
}

outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
function animate(animOut)
{
el = animateElements[currentElement]
if(animOut)
animationId = el.id.substring(9,el.id.length);
else
animationId = el.id.substring(6,el.id.length);
animation=remSuffix(animationId)
if (ie4)
elprops=el.style
else
elprops=el

if(!step && !animOut)
elprops.visibility="visible"
step++
if(animation == "spiral")
{
steps = stepsSpiral
v = step/steps
rf = 1.0 - v
t = v * 2.0*Math.PI
rx = Math.max(Math.abs(el.initLeft), 200)
ry = Math.max(Math.abs(el.initTop), 200)
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*ry)
}
else if(animation == "waveWordsL" || animation=="hopWords" || animation == "waveWords")
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 - v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil(-rf*Math.sin(t)*elprops.r)
}
else if(animation == "waveWordsR")
{
steps = stepsSpiralWord
v = step/steps
rf = (1.0 - v)
t = v * 1.0*Math.PI
elprops.posLeft = Math.ceil(-rf*Math.cos(t)*elprops.r)
elprops.posTop = Math.ceil( rf*Math.sin(t)*elprops.r)
}
else if(animation == "zoomIn")
{
steps = stepsZoom
elprops.fontSize = Math.ceil(50+50*step/steps) + "%"
elprops.posLeft = 0
}
else if(animation == "zoomOut")
{
steps = stepsZoom
fontSz=Math.ceil(100+200*(steps-step)/steps) + "%"
elprops.fontSize = fontSz
elprops.posLeft = 0
}
else if(animation == "elasticRight")
{
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 1.5*Math.PI
rx =Math.abs(el.initLeft)
elprops.posLeft = rf*Math.cos(t)*rx
elprops.posTop = 0
}
else if(animation == "elasticBottom")
{
steps = stepsElastic
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posLeft = 0
elprops.posTop = rf*Math.cos(t)*ry
}
else if(animation == "wipeLR")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
elprops.clip = "rect(0 "+ step/steps*100 +"% 100% 0)"
else if (!ie4)
{
elprops.clip.right=step/steps*el.sizeW
}
}
else if(animation == "wipeTB")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
elprops.clip = "rect(0 100% "+step/steps*el.offsetHeight+"px 0)"
else
elprops.clip.bottom=step/steps*el.sizeH
}
else if(animation == "wipeMID")
{
steps = stepsElastic
if(ie4 && elprops.position=="absolute")
{
elprops.clip = "rect(0 "+el.sizeW/2*(1+step/steps)+"px 100% "+el.sizeW/2*(1-step/steps)+")"
}
else if(!ie4)
{
elprops.clip.right=el.sizeW/2*(1+step/steps)
elprops.clip.left=el.sizeW/2*(1-step/steps)
}
}
else if(animation == "flyCorner")
{
if(!cornerPhase)
{
steps = stepsElastic/2
v = step/steps
rf=Math.exp(-v*7)
t = v * 2.5*Math.PI
ry =Math.abs(el.initTop)
elprops.posTop = rf*Math.cos(t)*ry
}
else
{
steps = stepsFly
dl = el.initLeft / steps
elprops.posLeft = elprops.posLeft - dl
elprops.posTop = 0
}
}
else
{
steps = stepsFly
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
steps = stepsWord
dl = (el.endLeft - el.initLeft) / steps
dt = (el.endTop - el.initTop) / steps
elprops.posLeft = elprops.posLeft + dl
elprops.posTop = elprops.posTop + dt
}
if (step >= steps)
{
if(!(animation == "wipeLR" ||
animation == "wipeTB" ||
animation == "wipeMID" ||
(animation == "flyCorner" && !cornerPhase)))
{
elprops.posLeft = el.endLeft
elprops.posTop = el.endTop
}
if(animOut)
{
elprops.visibility="hidden"
}

step = 0
if(animation=="flyCorner" && !cornerPhase)
cornerPhase=1
else
{
cornerPhase=0
currentElement++
}

}
if(!ie4)
{
elprops.left=elprops.posLeft
elprops.top =elprops.posTop
}
if(currentElement < animateElements.length)
{
if(animOut)
window.setTimeout("animate(1);", speed, "Javascript")
else
window.setTimeout("animate(0);", speed, "Javascript")
}
else
currentElement=0
}
function rollIn(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
el.initstyle=el.style.cssText;el.style.cssText=el.fprolloverstyle
}
}
function rollOut(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
el.style.cssText=el.initstyle
}
}
function clickSwapStyle(el)
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(ie4)
{
ts=el.style.cssText
el.style.cssText=el.fprolloverstyle
el.fprolloverstyle=ts
}
}
function clickSwapImg(el)
{
if(document.all || document.layers)
{
ts=el.src
el.src=el.lowsrc
el.lowsrc=ts
}
}
//-->

</script>
</head>

<body oncontextmenu=alert('^o^Hello!欢迎您光临动易网络!');event.returnValue=false;
oncopy=alert('^o^Hello!欢迎光临ASPEASE.COM!');event.returnValue=false;
onload="dynAnimation()" language="Javascript1.2">

<p dynamicanimation="fpAnimwaveWordsFP1" id="fpAnimwaveWordsFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><img border="0" src="http://www.aspease.com/images/logo.gif" width="88" height="31"></p>

</body>

</html>



#3
oヤ偽妳變壞2006-04-25 12:40

文本加密及解密器
要完成此效果需要两个步骤

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Encrypt(theText) {
output = new String;
Temp = new Array();
Temp2 = new Array();
TextSize = theText.length;
for (i = 0; i < TextSize; i++) {
rnd = Math.round(Math.random() * 122) + 68;
Temp[i] = theText.charCodeAt(i) + rnd;
Temp2[i] = rnd;
}
for (i = 0; i < TextSize; i++) {
output += String.fromCharCode(Temp[i], Temp2[i]);
}
return output;
}
function unEncrypt(theText) {
output = new String;
Temp = new Array();
Temp2 = new Array();
TextSize = theText.length;
for (i = 0; i < TextSize; i++) {
Temp[i] = theText.charCodeAt(i);
Temp2[i] = theText.charCodeAt(i + 1);
}
for (i = 0; i < TextSize; i = i+2) {
output += String.fromCharCode(Temp[i] - Temp2[i]);
}
return output;
}
// End -->
</script>


<center>
<form name=encform onsubmit="return false;">
<textarea name=box1 rows=5 cols=50>Typhoon Start JavaScript Fairyland

#4
oヤ偽妳變壞2006-04-25 12:41
始终在页面底部的菜单
<title>始终在页面底部的菜单</title>
<head>
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-0
document.bar.top = a
setTimeout('stat()',2)
}
function fix(){
nome=navigator.appName
if(nome=='Netscape'){
stat()
}
else{
var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+0
bar.style.top = a
}}
//-->
</script>
</head>
<body onLoad="fix()" onScroll="fix()" onResize="fix()">
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >
<table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">
<td width="190"> <a href="#">音乐秀</a></td>
<td width="147"> <a href="#">音乐秀</a></td>
<td width="96"> <a href="#">音乐秀</a></td>
<td width="158"> <a href="#">音乐秀</a>
</td>
</tr>
</table>
</span>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
<br><center><input type="button" onclick="window.location.href='jscode.asp?js_id=34'" style="BORDER-RIGHT: #a2a2a2 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px solid; COLOR: #333333; BORDER-BOTTOM: #a2a2a2 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #eeeeee" value="查看代码"></center><br>
#5
oヤ偽妳變壞2006-04-25 12:42
始终在页面底部的菜单
<title>始终在页面底部的菜单</title>
<head>
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-0
document.bar.top = a
setTimeout('stat()',2)
}
function fix(){
nome=navigator.appName
if(nome=='Netscape'){
stat()
}
else{
var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+0
bar.style.top = a
}}
//-->
</script>
</head>
<body onLoad="fix()" onScroll="fix()" onResize="fix()">
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >
<table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">
<td width="190"> <a href="#">音乐秀</a></td>
<td width="147"> <a href="#">音乐秀</a></td>
<td width="96"> <a href="#">音乐秀</a></td>
<td width="158"> <a href="#">音乐秀</a>
</td>
</tr>
</table>
</span>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
<br><center><input type="button" onclick="window.location.href='jscode.asp?js_id=34'" style="BORDER-RIGHT: #a2a2a2 1px solid; BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ffffff 1px solid; COLOR: #333333; BORDER-BOTTOM: #a2a2a2 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #eeeeee" value="查看代码"></center><br>

#6
oヤ偽妳變壞2006-04-25 12:46

最新款式的万年历

要完成此效果把如下代码加入到<body>区域中
<script language="JavaScript">
<!-- for sucky browsers
Months = new Array(12);
Months[0] = "一月";
Months[1] = "二月";
Months[2] = "三月";
Months[3] = "四月";
Months[4] = "五月";
Months[5] = "六月";
Months[6] = "七月";
Months[7] = "八月";
Months[8] = "九月";
Months[9] = "十月";
Months[10] = "十一月";
Months[11] = "十二月";

function PadSpaces(TheString)
{
var Spaces = " ";
len = Math.round((9 - TheString.length)/2);

return Spaces.substring(0,len) + TheString;
}

function NumLeapYears(StartYear, EndYear)
{
var LeapYears, i;

if (EndYear >= StartYear){
for(LeapYears = 0; StartYear <= EndYear; StartYear++)
if (IsLeapYear(StartYear)) LeapYears++;
}else{
for(LeapYears = 0; EndYear <= StartYear; EndYear++)
if (IsLeapYear(EndYear)) LeapYears++;
}
return LeapYears;
}

function IsLeapYear(Year)
{
if(Math.round(Year/4) == Year/4){
if(Math.round(Year/100) == Year/100){
if(Math.round(Year/400) == Year/400)
return true;
else return false;
}else return true;
}
return false;
}

function Trim(TheString)
{
var len;

len = TheString.length;
while(TheString.substring(0,1) == " "){ //trim left
TheString = TheString.substring(1, len);
len = TheString.length;
}

while(TheString.substring(len-1, len) == " "){ //trim right
TheString = TheString.substring(0, len-1);
len = TheString.length;
}
return TheString;
}

function DetermineMonthIdx()
{
var i, month, month_s, len;


month = Trim(document.calform.elements[4].value);
len = month.length;

for( i = 0; i <12; i++){
month_s = Months[i].substring(0,len);
if (month_s.toUpperCase() == month.toUpperCase())
return (i);
}
return -1;
}

function FindNewYearStartingDay(Year)
{
var LeapYears, Years, Day;

LeapYears = NumLeapYears(1995, Year);

if (Year >=1995)
Years = (Year -1995)+LeapYears;
else Years = (Year -1995)-LeapYears;

if (Year >=1995)
Day = Math.round(((Years/7 - Math.floor(Years/7))*7)+.1);
else Day = Math.round(((Years/7 - Math.ceil(Years/7))*7)-.1);

if (Year >=1995){
if(IsLeapYear(Year)) Day--;
}else Day += 7;

if(Day < 0) Day = 6;
if(Day > 6) Day = 0;
return Day;
}

function FindNumDaysInMonth(Year, Month)
{
if(Month == 1){
if(IsLeapYear(Year)) return 29;
else return 28;
}else{
if(Month >6) Month++;
if(Month/2 == Math.round(Month/2)) return 31;
}
return 30;
}

function FindMonthStartDay(NewYearDay, Year, Month)
{
var MonthStartDay;

AddArray = new Array(12);

AddArray[0]=0;AddArray[1]=3;AddArray[2]=3;AddArray[3]=6;
AddArray[4]=1;AddArray[5]=4;AddArray[6]=6;AddArray[7]=2;
AddArray[8]=5;AddArray[9]=0;AddArray[10]=3;AddArray[11]=5;

MonthStartDay = NewYearDay + AddArray[Month];
if(IsLeapYear(Year) && (Month ) > 1) MonthStartDay ++;

if (MonthStartDay > 6) MonthStartDay -= 7;

return MonthStartDay;
}

function FillCalendar()
{
var Year, Month, Midx, NewYearDay, MonthStartDay;
var NumDaysInMonth, i, t;

Year = parseFloat(document.calform.elements[1].value);
Month = document.calform.elements[4].value;

Midx = DetermineMonthIdx();
if (Midx == -1){
alert ("Can't recognize that month");
return;
}

NewYearDay = FindNewYearStartingDay(Year);
MonthStartDay = FindMonthStartDay(NewYearDay, Year, Midx);
NumDaysInMonth = FindNumDaysInMonth(Year, Midx);

for(i = 6; i < 43; i++){
t = i-5-MonthStartDay;
if ( t >= 1 && t <= NumDaysInMonth)
document.calform.elements[i].value =t;
else document.calform.elements[i].value = "";
}
}

function IncDecYear(val)
{
var valNum = parseInt(val);
var valNum2 = parseInt(document.calform.elements[1].value)
document.calform.elements[1].value = valNum2 + valNum;

FillCalendar()
}

function IncDecMonth(val)
{
var valNum = parseInt(val);
var Midx = DetermineMonthIdx();

Midx += valNum;
if(Midx > 11) Midx = 0;
if(Midx < 0) Midx = 11;


document.calform.elements[4].value = PadSpaces(Months[Midx]);

FillCalendar()
}

// -->
</script>
<table border=1 bgcolor="#000000" cellpadding=1 cellspacing=1>
<table border=0 cellpadding=0 cellspacing=0>
<form name="calform">
<tr>
<td align=center cellpadding=0 cellspacing=0 bgcolor="#000000">
<input
type=button value="<<" onClick="IncDecYear(-1)" name="button">
</td>
<th cellpadding=0 cellspacing=0 bgcolor="#aaaaaa" colspan=5
align=center>
<input size=4 type=text value="1993" name="text">
</th>
<td align=center cellpadding=0 cellspacing=0 bgcolor="#000000">
<input
type=button value=">>" onClick="IncDecYear(1)" name="button2">
</td>
</tr>
<tr>
<td align=center bgcolor="#000000">
<input type=button value="<<"
onClick="IncDecMonth(-1)" name="button2">
</td>
<th bgcolor="#aaaaaa" colspan=5 align=center>
<input size=9 type=text
value=" January " name="text">
</th>
<td align=center bgcolor="#000000">
<input type=button value=">>"
onClick="IncDecMonth(1)" name="button2">
</td>
</tr>
<tr>
<th bgcolor="#ffcccc">S</th>
<th bgcolor="#ccccff">M</th>
<th bgcolor="#ccccff">T</th>
<th bgcolor="#

#7
oヤ偽妳變壞2006-04-25 12:47

自定义窗口大小打开某个页面

<script>
var testWin;
function resTest(w,h) {
frm = document.forms[0];
urlF = frm.testURL.value;
if(urlF == "" || urlF == "http://") {
alert('请输入网址');
frm.testURL.focus();
return false;
}
if(w == null) {
w = frm.customw.value;
if(w == "" || !Number(w) || w < 100) {
alert('请输入有效的宽,要不小于100');
frm.customw.value = "";
frm.customw.focus();
return false;
}
}
if(h == null) {
h = frm.customh.value;
if(h == "" || !Number(h) || h < 100) {
alert('请输入有效的高,要不小于100');
frm.customh.value = "";
frm.customh.focus();
return false;
}
}
properties = "width=" + w;
properties += ",height=" + h;
properties += ",scrollbars=1,toolbar=1,location=1";
properties += ",directories=1,status=1,menubar=1";
properties += ",resizable=1,left=0,top=0";
if(testWin && !testWin.closed) {
testWin.close();
}
testWin = window.open(urlF,"TestRes",properties);
if(navigator.appName.indexOf("Netscape") != -1) {
testWin.outerWidth = w;
testWin.outerHeight = h;
}
frm.innerDim.value = "自定义窗口大小为: " + w + "x" + h + "\n";
if(navigator.appName.indexOf("Netscape") != -1) {
frm.innerDim.value += "Window Inner Width: " + testWin.innerWidth + "\n";
frm.innerDim.value += "Window Inner Height: " + testWin.innerHeight + "\n\n";
}
else {
frm.innerDim.value += "下面是标准的IE窗口大小及显示大小:\n\n";
frm.innerDim.value += "窗口 显示\n";
frm.innerDim.value += "640x480 -> 615x314\n";
frm.innerDim.value += "800x600 -> 775x434\n";
frm.innerDim.value += "1024x768 -> 999x602";
}
this.focus();
}
</script>
<form>
<div align="center">网址:
<input type=text name="testURL" SIZE="25" value="http://">
<br>
<br>
宽:
<input type=text name="customw" SIZE="4">
高:
<input type=text name="customh" SIZE="4">
<input type=button value="自定" onClick="resTest()">
<br>
标准 <br>
<input type=button value="640 x 480" onClick="resTest('640','480')">
<input type=button value="800 x 600" onClick="resTest('800','600')">
<input type=button value="1024 x 768" onClick="resTest('1024','768')">
<br>
<br>
<textarea name="innerDim" rows="7" cols="40" wrap="physical">此文本框内显示的是窗口展示的数据项...
#8
oヤ偽妳變壞2006-04-25 12:49

结合的很酷的文本滚动与网页飞花的特效!!


<SCRIPT language=JavaScript>


//设置marquee的宽度(in pixels)
var marqueewidth=190
//设置marquee的高度
var marqueeheight=200
//设置marquee的速度
var speed=1
//设置marquee的显示内容
var marqueecontents=

ef="<center><p>加如文章的内容</center>"

if (document.all)
document.write('<marquee direction="up" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}

function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}

function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}

window.onload=regenerate2
</SCRIPT>

<script language="JavaScript1.2"><!-- Begin
var no = 20; // snow number
var speed = 10; // smaller number moves the snow faster
var snowflake = "pic/meihua.gif";

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\"" + snowflake + "\" border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src=\"" + snowflake + "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}

function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>

#9
oヤ偽妳變壞2006-04-25 12:50

爱情测试小游戏

<BODY bgColor=#ffffff leftMargin=0
onmouseover="window.status='本站网址: Jojoo.net';return true" topMargin=1>

<SCRIPT language=JavaScript>
<!-- ;

alert("照着屏幕上说的写,可不要乱写,你会后悔的!");
// end hide --></SCRIPT>
一个
<SCRIPT><!-- iniciar
var WEATHER = prompt("输入你最喜欢的气候","")
document.write(" " + WEATHER + " ") // finalizar --></SCRIPT>
的午後,你正在
<SCRIPT><!-- iniciar
var PLACE1 = prompt("输入你最喜欢的地方","")
document.write(" " + PLACE1 + " ")
// finalizar --></SCRIPT>
愉快的
<SCRIPT><!-- iniciar
var ACTN = prompt("输入你最喜欢作的事","")
document.write(" " + ACTN + " ")
// finalizar --></SCRIPT>
时,你看到了一个世上最
<SCRIPT><!-- iniciar
var ADJ1 = prompt("输入一个词形容你喜欢的异性","")
document.write(" " + ADJ1 + " ")
// finalizar --></SCRIPT>
的人。
<SCRIPT><!-- iniciar
var SEX = prompt("你所喜欢的是'他'还是'她'?","")
document.write(" " + SEX + " ")
// finalizar --></SCRIPT>
叫做
<SCRIPT><!-- iniciar
var NAME1 = prompt("输入你所喜欢异性的名字","")
document.write(" " + NAME1 + " ")
// finalizar --></SCRIPT>

<SCRIPT><!-- iniciar
document.write(" " + SEX + " ")
// finalizar --></SCRIPT>
的每个动作都十分吸引你,於是你对你的好朋友
<SCRIPT><!-- iniciar
var NAME2 = prompt("输入你好朋友的名字","")
document.write(" " + NAME2 + " ")
// finalizar --></SCRIPT>
说 : "看那边! 那是我看过最
<SCRIPT><!-- iniciar
var ADJ3 = prompt("输入一个形容词","")
document.write(" " + ADJ3 + " ")
// finalizar --></SCRIPT>
的人了!" 突然间,
<SCRIPT><!-- iniciar
document.write(" " + SEX + " ")
// finalizar --></SCRIPT>
向你这边看了一眼并开始朝你走过来!!!
<SCRIPT><!-- iniciar
document.write(" " + SEX + " ")
// finalizar --></SCRIPT>
说 : "我早就发现你在偷偷看我了。说实话,我觉得你满
<SCRIPT><!-- iniciar
var ADJ4 = prompt("输入一个词形容你自己","")
document.write(" " + ADJ4 + " ")
// finalizar --></SCRIPT>
的。你愿意跟我去
<SCRIPT><!-- iniciar
var PLACE2 = prompt("输入另一个你喜欢的地方","")
document.write(" " + PLACE2 + " ")
// finalizar --></SCRIPT>
然後一起
<SCRIPT><!-- iniciar
document.write(" " + ACTN + " ")
// finalizar --></SCRIPT>
吗?" 你露出了一个兴奋的微笑并说 : "
<SCRIPT><!-- iniciar
var PHRASE = prompt("输入一个你认为最酷的话","")
document.write(" " + PHRASE + " ")
// finalizar --></SCRIPT>
" 便一起走了。当你们到达
<SCRIPT><!-- iniciar
document.write(" " + PLACE2 + " ")
// finalizar --></SCRIPT>
时,
<SCRIPT><!-- iniciar
document.write(" " + SEX + " ")
// finalizar --></SCRIPT>
突然移进你并在你的脸颊上温柔的亲了一下。当你正陶醉在其中时,一个
<SCRIPT><!-- iniciar
var NOUN = prompt("输入在你房间有的东西","")
document.write(" " +NOUN+ " ")
// finalizar --></SCRIPT>
重重的打在你的头上。你睁开眼,发现原来只是个梦,但是你在身旁发现了一个纸条写道 : "
<SCRIPT><!-- iniciar
document.write(" " + NAME1 + " ")
// finalizar --></SCRIPT>
是你的最爱。
<SCRIPT><!-- iniciar
document.write(" " + SEX + " ") // finalizar --></SCRIPT>
将会问你是否愿意和
<SCRIPT><!-- iniciar
document.write(" " + SEX + " ") // finalizar --></SCRIPT>
交往。 但你必须在
<SCRIPT><!-- iniciar
var NUM = prompt("输入你的幸运号码","")
document.write(" " + NUM + " ")
// finalizar --></SCRIPT>
天以内带10个人以上来<FONT color=#ff3300>“懒汉在线”----今晚也会笑</FONT>,不然你将会有
<SCRIPT><!-- iniciar
document.write(" " + NUM + " ")
// finalizar --></SCRIPT>
年的厄运!!"

#10
oヤ偽妳變壞2006-04-25 12:51

填空游戏 (不简单哟)


要完成此效果把如下代码加入到<body>区域中

<SCRIPT LANGUAGE='JavaScript'>


function fillall(){
for (var i = 0; i < 24; i++) {
document.form.elements[i].checked=1
}
}

function clearall(){
for (var i = 0; i < 24; i++) {
document.form.elements[i].checked=0
}
}

function level1(){
clearall()
document.form.elements[10].checked=1
document.form.elements[12].checked=1
document.form.elements[14].checked=1
}

function level2(){
clearall()
document.form.elements[12].checked=1
document.form.elements[16].checked=1
document.form.elements[17].checked=1
document.form.elements[18].checked=1
document.form.elements[20].checked=1
document.form.elements[21].checked=1
document.form.elements[22].checked=1
document.form.elements[23].checked=1
document.form.elements[24].checked=1
}

function level3(){
fillall()
document.form.elements[4].checked=0
document.form.elements[6].checked=0
document.form.elements[7].checked=0
document.form.elements[8].checked=0
document.form.elements[11].checked=0
document.form.elements[12].checked=0
document.form.elements[13].checked=0
document.form.elements[16].checked=0
document.form.elements[17].checked=0
document.form.elements[18].checked=0
document.form.elements[24].checked=0
}

function level4(){
clearall()
document.form.elements[2].checked=1
document.form.elements[6].checked=1
document.form.elements[8].checked=1
document.form.elements[10].checked=1
document.form.elements[12].checked=1
document.form.elements[14].checked=1
document.form.elements[16].checked=1
document.form.elements[18].checked=1
document.form.elements[22].checked=1
}

function level5(){
clearall()
document.form.elements[11].checked=1
document.form.elements[16].checked=1
document.form.elements[21].checked=1
}

function checkall(){
var win=1;
for (var i = 0; i < 24; i++) {
if (document.form.elements[i].checked==1) {
win=0;
}
}
if (win==1){
alert("\n You Did It!!\n")
}
}

function check(v){
q=5;
w=1;
row=parseInt(v/q)+w;
if (isNaN(row)) {
row=1;
}

intv = parseInt(v);
a=eval(intv+q);
b=eval(intv-q);
c=eval(intv+w);
d=eval(intv-w);

if (a<0 || a>24){
a=25;
}
if (b<0 || b>24){
b=25;
}
if (c<0 || c>24){
c=25;
}
if (d<0 || d>24){
d=25;
}

kc = (parseInt(c/q)+w)
kd = (parseInt(d/q)+w)
kv = row;
if (kc != kv){
c=25;
}
if (kd != kv){
d=25;
}

if (v==5) d=25;//correction for strange bug

if (document.form.elements[a].checked == 1) {
document.form.elements[a].checked=0
}
else {
document.form.elements[a].checked=1
}
if (document.form.elements[b].checked == 1) {
document.form.elements[b].checked=0
}
else {
document.form.elements[b].checked=1
}
if (document.form.elements[c].checked == 1) {
document.form.elements[c].checked=0
}
else {
document.form.elements[c].checked=1
}
if (document.form.elements[d].checked == 1) {
document.form.elements[d].checked=0
}
else {
document.form.elements[d].checked=1
}
checkall()
}

</SCRIPT>
<font color="#33FF33">看看能不能把框框都打上勾</font> </div>
<FORM NAME=form>
<TABLE COLSPEC="L20 L20 L20 L20 L20" BORDER=7 align="center">
<CAPTION ALIGN=TOP>
</CAPTION>
<TR>
<TD><INPUT TYPE=CHECKBOX VALUE=0 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=1 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=2 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=3 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=4 ONCLICK="check(value)"></TD>
</TR>

<TR>
<TD><INPUT TYPE=CHECKBOX VALUE=5 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=6 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=7 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=8 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=9 ONCLICK="check(value)"></TD>
</TR>

<TR>
<TD><INPUT TYPE=CHECKBOX VALUE=10 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=11 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=12 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=13 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=14 ONCLICK="check(value)"></TD>
</TR>

<TR>
<TD><INPUT TYPE=CHECKBOX VALUE=15 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=16 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=17 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=18 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=19 ONCLICK="check(value)"></TD>
</TR>

<TR>
<TD><INPUT TYPE=CHECKBOX VALUE=20 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=21 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=22 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=23 ONCLICK="check(value)"></TD>
<TD><INPUT TYPE=CHECKBOX VALUE=24 ONCLICK="check(value)"></TD>
</TR>

</TABLE>

<div align="center"><BR>
</div>
<TABLE BORDER=10 align="center">
<TR>
<TD><A HREF="JavaScript:level1()">Level 1</A></TD>
<TD><A HREF="JavaScript:level2()">Level 2</A></TD>
</TR>

<TR>
<TD><A HREF="JavaScript:level3()">Level 3</A></TD>
<TD><A HREF="JavaScript:level4()">Level 4</A></TD>
</TR>

<TR>
<TD><A HREF="JavaScript:level5()">Level 5</A></TD>
<TD><INPUT TYPE="RESET" VALUE="Clear"></TD>
</TR>
</TABLE>
<div align="center"></div>
</FORM>

#11
oヤ偽妳變壞2006-04-25 12:52

文字从右弹出


脚本说明:
把如下代码加入<head>区域中

<script language="JavaScript">
var MESSAGE = " 欢迎来到细溪驿站,请多提意见。谢谢! "
var POSITION = 150
var DELAY = 10
var scroll = new statusMessageObject()
function statusMessageObject(p,d) {
this.msg = MESSAGE
this.out = " "
this.pos = POSITION
this.delay = DELAY
this.i = 0
this.reset = clearMessage}
function clearMessage() {
this.pos = POSITION}
function scroller() {
for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {
scroll.out += " "}
if (scroll.pos >= 0)
scroll.out += scroll.msg
else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)
window.status = scroll.out
scroll.out = " "
scroll.pos--
if (scroll.pos < -(scroll.msg.length)) {
scroll.reset()}
setTimeout ('scroller()',scroll.delay)}
function snapIn(jumpSpaces,position) {
var msg = scroll.msg
var out = ""
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1) {
position++
if (msg.charAt(position) == ' ')
{position++ }
jumpSpaces = 100-position
} else if (jumpSpaces > 3)
{jumpSpaces *= .75}
else
{jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
} else { window.status=""
jumpSpaces=0
position=0
cmd = "snapIn(" + jumpSpaces + "," + position + ")";
scrollID = window.setTimeout(cmd,scroll.delay);
return false }
return true}
snapIn(100,0);
</script>

#12
oヤ偽妳變壞2006-04-25 12:53

标题栏里多段标题文字的替换显现
要完成此效果把如下代码加入到<head>区域中

<SCRIPT LANGUAGE="JavaScript">
var message = new Array();
message[0] = "Welcome To You...";
message[1] = "细溪驿站...";
message[2] = "jojoo@jojoo.net...";


var reps = 1;
var speed = 275;// Set the overall typing speed (larger number = slower action).
var hold = 4 // set the length of time to display the whole phrase before retyping (larger number = longer)

var p = message.length;
var q = 0;
var r = 0;
var C = 0;
var mC = 0;
var s = 0;
var sT = null;

if (reps < 1) {
reps = 1;
}
function setMessage() {
typing = message[mC];
q = typing.length;
r = q + hold;
typeMessage();
}
function typeMessage() {
if (s > r) {
s = 0;
}
if (s > q) {
document.title = '|- '+ typing +' - - -';
}
else {
document.title = '|- '+ typing.substr(0,s)+' - - -';
}
if (C < (r * reps)) {
sT = setTimeout("typeMessage()", speed);
C++;
s++;
}
else {
C = 0;
s = 0;
mC++;
if(mC > p - 1) {mC = 0;}
sT = null;
setMessage();
}
}
setMessage();
</script>

#13
oヤ偽妳變壞2006-04-25 12:55

状态栏显示链接内容特效

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var data = "0123456789";
var done = 1;
function statusIn(text) {
decrypt(text, 2, 1);
}

function statusOut() {
self.status = '';
done = 1;
}

function decrypt(text, max, delay) {
if (done) {
done = 0;
decrypt_helper(text, max, delay, 0, max);
}
}
function decrypt_helper(text, runs_left, delay, charvar, max) {
if (!done) {
runs_left = runs_left - 1;
var status = text.substring(0, charvar);
for (var current_char = charvar; current_char < text.length; current_char++) {
status += data.charAt(Math.round(Math.random()*data.length));
}
window.status = status;
var rerun = "decrypt_helper('" + text + "'," + runs_left + "," + delay + "," + charvar + "," + max + ");"
var new_char = charvar + 1;
var next_char = "decrypt_helper('" + text + "'," + max + "," + delay + "," + new_char + "," + max + ");"
if(runs_left > 0) {
setTimeout(rerun, delay);
}
else {
if (charvar < text.length) {
setTimeout(next_char, Math.round(delay*(charvar+3)/(charvar+1)));
}
else {
done = 1;
}
}
}
}
// End -->
</script>

<center>
<a href="http://www.jojoo.net/"
onMouseOver="statusIn('细溪驿站. [http://www.jojoo.net/]');return true;"
onMouseOut="statusOut();">JavaScript Fairyland</a>
</center>

#14
oヤ偽妳變壞2006-04-25 12:56

背景向下移动的脚本

<SCRIPT language=VBScript>
dim c,numgc
c=-100000
numgc=document.body.sourceIndex
sub SF
c=c+2
Document.all(numgc).style.BackgroundPosition="0 "&c
id=SetTimeOut("SF",64,"VBScript")
end sub
SF
</SCRIPT>

<body background=back.jpg onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)">

#15
oヤ偽妳變壞2006-04-25 12:56

背景不停变化的脚本

<SCRIPT language=javascript><!--
var pos=10;function initArray(){this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}
var col=new initArray("4b","5b","8b","8b");
col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";
col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";
col[8]="blueviolet";col[9]="violet";
function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];
setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/
}
var yourwords="不断变化背景色彩";var buffer1=" ";
var buffer2=" ";
var message1=buffer1+yourwords+buffer2;
var dir="left";var speed=150;function pingpong(){
if(dir=="left")
{message2=message1.substring(2,message1.length)+" ";
window.status=message2;setTimeout("pingpong();",speed);message1=message2;
if(message1.substring(0,1)=="*")dir="right";}
else{message2=" "+message1.substring(0,message1.length-2);
window.status=message2;setTimeout("pingpong();",speed);
message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//
-->
</SCRIPT>
<body bgColor=#ffffff onload="chgCol(); pingpong();">




#16
oヤ偽妳變壞2006-04-25 12:57
明天继续!!!!!
#17
oヤ偽妳變壞2006-04-25 12:57
各位看了还是顶一下哈!
#18
我想飞2006-04-27 02:29
顶,好贴一定要顶
#19
oヤ偽妳變壞2006-04-28 18:43

继续那天的!!

#20
oヤ偽妳變壞2006-04-28 18:44

title栏变化弹出


脚本说明:
把如下代码加入<head>区域中
<script language="javascript">
<!-- Hide me
var index_count = 0;
var title_string = "欢迎光临javascript世界精彩集锦,这里有许多javascript源程序,是您设计主页的最好帮手! ";
var title_length = title_string.length;
var cmon;
var kill_length = 0;
function loopTheScroll()
{
scrollTheTitle();
if(kill_length > title_length)
{
clearTimeout(cmon);
}

kill_length++;
cmon = setTimeout("loopTheScroll();",100)
}

function scrollTheTitle()
{
var doc_title = title_string.substring((title_length - index_count - 1),title_length);
document.title = doc_title;

index_count++;
}


loopTheScroll();

//-->
</script>

#21
oヤ偽妳變壞2006-04-28 18:45

一个很COOL的东东!!(用鼠标左右上下键来控制的QQ)


<script>
var smapdata = new Array(
"11111111111111111111",
"10000000000000000001",
"10010000000000000001",
"10010022000000000001",
"11010000000000000301",
"10010111110000003001",
"10000001300000000301",
"11111001000010000001",
"10000001000000000001",
"10000001000000111001",
"10000000000000000001",
"10000000011110000001",
"10021200000000000001",
"10000000000000000001",
"11111111111111111111"
)

var mapData =new Array(15);
var spriteX=0;
spriteY=0;
var winbox=0;

function readMap(){ //重建地图信息便于程序使用。
for(var i=0;i<15;i++){
mapData[i]=new Array(20);
for(var j=0;j<20;j++){
mapData[i][j]=smapdata[i].substr(j,1);
}
}
}

function CreateMap(){ //用dom来创建地图。
var x=30;
var y=30;
var cbox=0;
for (var i=0;i<15;i++){
for (var j=0;j<20;j++){
var oe=document.createElement("div");
oe.id="box"+i+"_"+j; //设定id规则以便后面程序访问。
oe.className="map"+mapData[i][j];
oe.style.pixelLeft=x;
oe.style.pixelTop=y;
gameArea.appendChild(oe);
x+=19;
}
y+=19;
x=30;
}
}

function move(dir){
var dx=0;
var dy=0;
if(dir=="Left") dx=-1;
if(dir=="Right") dx=1;
if(dir=="Up") dy=-1;
if(dir=="Down") dy=1;
if(mapData[spriteY+dy][spriteX+dx]=="1" ) return;
if(mapData[spriteY+dy][spriteX+dx]=="2" ) {
if(mapData[spriteY+dy*2][spriteX+dx*2]=="0" || mapData[spriteY+dy*2][spriteX+dx*2]=="3"){
if(mapData[spriteY+dy*2][spriteX+dx*2]=="3"){
mapData[spriteY+dy*2][spriteX+dx*2]="1";
winbox++;
if(winbox==3) win();
}
else mapData[spriteY+dy*2][spriteX+dx*2]="2";
mapData[spriteY+dy][spriteX+dx]="0";
eval("box"+(spriteY+dy)+"_"+(spriteX+dx)).style.backgroundColor='#333333';
eval("box"+(spriteY+dy*2)+"_"+(spriteX+dx*2)).style.backgroundColor='#3333FF';
spriteX+=dx;
spriteY+=dy;
sprite.style.pixelLeft+=dx*19;
sprite.style.pixelTop+=dy*19;
}
}else{
spriteX+=dx;
spriteY+=dy;
sprite.style.pixelLeft+=dx*19;
sprite.style.pixelTop+=dy*19;
}
}

function win(){
alert("OK 胜 利 !!!");
}

function fnKeydown(){
var key=event.keyCode;
switch(key){
case 37:
move("Left");
break;
case 39:
move("Right");
break;
case 38:
move("Up");
break;
case 40:
move("Down");
break;
}
return false;
}

function init(){
readMap();
CreateMap();
sprite.style.pixelLeft=49;
sprite.style.pixelTop=49;
spriteX=1;
spriteY=1;
}

document.onkeydown=fnKeydown;
</script>

<STYLE TYPE="text/css">
.map0{position:absolute;border:1px solid #cococo;width:20;height:20;background-color:#333333}
.map1{position:absolute;border:2px outset #FFFFFF;width:20;height:20;background-color:#999999}
.map2{position:absolute;border:1px solid #4078B0;width:20;height:20;background-color:#3333FF}
.map3{position:absolute;border:0px solid #999999;width:20;height:20;background-color:#006600}
.box{position:absolute;border:1px outset #ffffff;width:20;height:20;background-color:#0000cc}
}
</STYLE>

<body bgColor=#333333 onload="init()">
<div id=gameArea></div>
<div id="sprite" style="position:absolute"><img src="pic/0-2.gif" height=20 width=20></div>
</body>

#22
oヤ偽妳變壞2006-04-28 18:47

俄罗斯方块游戏
<HTML>
<HEAD>
<META NAME="Title" CONTENT="JScript Simple Tetris">

<TITLE>Simple Tetris</TITLE>
<style>
body {margin:0;background:black;}
td {height:20;width:20;}
#block_div {position:absolute;z-index:1;width:80;}
#table_div {position:absolute;z-index:0;width:320;}
#nblock_div {position:absolute;z-index:2;font:48 system;color:red;}
#title_div {position:absolute;left:326;top:7;font-size:22px;color:white}
#infobar_div {position:absolute;left:396;top:416;}
#infobar2_div {position:absolute;left:396;top:480;font-size:14px;color:white}
#infobar2_div a{color:99ccff;font:system;text-decoration:none}
</style>

<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--


if (document.all){
var n_width = 800;
var n_height = 600;
var n_left = Math.round( screen.width/2 ) - n_width/2;
var n_top = Math.round( screen.height/2 ) - n_height/2;
var n_IncStep = 20;
var curBlcok,nextBlock;
var arr_curBlock = new Array(0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0);
var curX,curY;
var speed=1;
var maxspeed=9;
var clr_per_line=18;
var pause=0;
var gameover=0;
var colors = new Array("#999999","#0000FF","#80FFFF","#80FF80","#FFFF00","#FF8000","#FF00FF","#FF0000"
);
var cid;
var ncid;
var blocks = new Array("tt_O1","tt_T2","tt_Z1","tt_S1","tt_L1","tt_J1","tt_I2");
var bid;
var killedlines=0;

var tt_O1 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);
var tt_O2 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);
var tt_O3 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);
var tt_O4 = new Array(0,0,0,0,0,0,0,0,0,1,1,0,0,1,1,0);

var tt_T1 = new Array(0,0,0,0,0,1,0,0,1,1,0,0,0,1,0,0);
var tt_T2 = new Array(0,0,0,0,0,0,0,0,1,1,1,0,0,1,0,0);
var tt_T3 = new Array(0,0,0,0,0,1,0,0,0,1,1,0,0,1,0,0);
var tt_T4 = new Array(0,0,0,0,0,1,0,0,1,1,1,0,0,0,0,0);

var tt_Z1 = new Array(0,0,0,0,1,1,0,0,0,1,1,0,0,0,0,0);
var tt_Z2 = new Array(0,0,0,0,0,0,1,0,0,1,1,0,0,1,0,0);
var tt_Z3 = new Array(0,0,0,0,0,1,1,0,0,0,1,1,0,0,0,0);
var tt_Z4 = new Array(0,0,1,0,0,1,1,0,0,1,0,0,0,0,0,0);

var tt_S1 = new Array(0,0,0,0,0,1,1,0,1,1,0,0,0,0,0,0);
var tt_S2 = new Array(0,0,0,0,0,1,0,0,0,1,1,0,0,0,1,0);
var tt_S3 = new Array(0,0,0,0,0,0,1,1,0,1,1,0,0,0,0,0);
var tt_S4 = new Array(0,1,0,0,0,1,1,0,0,0,1,0,0,0,0,0);

var tt_L1 = new Array(0,1,0,0,0,1,0,0,0,1,1,0,0,0,0,0);
var tt_L2 = new Array(0,0,0,0,0,0,1,0,1,1,1,0,0,0,0,0);
var tt_L3 = new Array(0,0,0,0,0,1,1,0,0,0,1,0,0,0,1,0);
var tt_L4 = new Array(0,0,0,0,0,1,1,1,0,1,0,0,0,0,0,0);

var tt_J1 = new Array(0,0,1,0,0,0,1,0,0,1,1,0,0,0,0,0);
var tt_J2 = new Array(0,0,0,0,1,1,1,0,0,0,1,0,0,0,0,0);
var tt_J3 = new Array(0,0,0,0,0,1,1,0,0,1,0,0,0,1,0,0);
var tt_J4 = new Array(0,0,0,0,0,1,0,0,0,1,1,1,0,0,0,0);

var tt_I1 = new Array(0,1,0,0,0,1,0,0,0,1,0,0,0,1,0,0);
var tt_I2 = new Array(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1);
var tt_I3 = new Array(0,0,1,0,0,0,1,0,0,0,1,0,0,0,1,0);
var tt_I4 = new Array(0,0,0,0,0,0,0,0,0,0,0,0,1,1,1,1);

var table = new Array(
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,0,0,0,0,0,0,0,0,0,0,0,0,1,1,
1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1)

}
else
alert("You need IE4+ to play Tetris!")

function dimension2(row,col,num){
var i = row * num + col;
return (this[i]);
}
Array.prototype.getd = dimension2;

function ShowBlock(x,y,block_type,color){
for (var i=0;i<block_tbl.rows.length;i++){
for (var j=0;j<block_tbl.rows(i).cells.length;j++){
var d2 = i * 4 + j;
if (block_type[d2]==1){
block_tbl.rows(i).cells(j).style.background = color;
}
else{
block_tbl.rows(i).cells(j).style.background = "";
}
}
}
block_div.style.pixelLeft=x;
block_div.style.pixelTop=y;
}

function ShowBlock1(x,y,block_type,color,obj_tabID,obj_divID){
for (var i=0;i<obj_tabID.rows.length;i++){
for (var j=0;j<obj_tabID.rows(i).cells.length;j++){
var d2 = i * 4 + j;
if (block_type[d2]==1){
obj_tabID.rows(i).cells(j).style.background = color;
}
else{
obj_tabID.rows(i).cells(j).style.background = "";
}
}
}
obj_divID.style.pixelLeft=x;
obj_divID.style.pixelTop=y;
}

function Change(inc){
var type = curBlock.substr(0,4);
var num = curBlock.substr(curBlock.length-1);
num = parseInt(num) + inc;
if (num>4||num<1) num -= 4*inc;
type += num;
eval("arr_tmp = " + type + ";");
if (CanMove(curX,curY,arr_tmp)){
curBlock = type;
eval("arr_curBlock = " + curBlock + ";");
eval("ShowBlock(block_div.style.pixelLeft,block_div.style.pixelTop," + curBlock + ",colors[" + cid + "]);");
}
}

function CanMove(x,y,block){
for (i=0;i<4;i++){
for (j=0;j<4;j++){
if (block.getd(i,j,4)&table.getd(y/n_IncStep+i,x/n_IncStep+j,16)) return false;
}
}
return true;
}

function NewBlock(){
curBlock = nextBlock;
cid = ncid;
bid = Math.round(Math.random()*(blocks.length-1));
ncid = Math.round(Math.random()*(colors.length-1));
nextBlock = blocks[bid];
eval("arr_curBlock = " + curBlock + ";");
eval("ShowBlock(120,0," + curBlock + ",colors[" + cid + "]);");
eval("arr_curBlock = " + curBlock + ";");
eval("ShowBlock1(466,116," + nextBlock + ",colors[" + ncid + "],nblock_tbl,nblock_div);");
}

function SaveBlock(){
for (i=0;i<4;i++){
for (j=0;j<4;j++){
table[(curY/n_IncStep+i)*16+curX/n_IncStep+j]|=arr_curBlock[i*4+j];
if (arr_curBlock[i*4+j]==1)
if ((curY/n_IncStep+i<21)&&(curX/n_IncStep+j>1)&&(curX/n_IncStep+j<14))
table_tbl.rows(curY/n_IncStep+i).cells(curX/n_IncStep+j).style.background = colors[cid];
if (table[(curY/n_IncStep+i)*16+curX/n_IncStep+j]!=1)
table_tbl.rows(curY/n_IncStep+i).cells(curX/n_IncStep+j).style.background = "black";
}
}
}

function DelLine(line){
for(i=line;i>0;i--){
for(j=2;j<14;j++){
table[i*16+j]=table[(i-1)*16+j];
}
}
table_tbl.deleteRow(line);
table_tbl.insertRow(0);
for (i=0;i<16;i++){
table_tbl.rows(0).insertCell();
if (i<2||i>13) table_tbl.rows(0).cells(i).style.background="navy";
}
killedlines++;
cll.innerText=parseInt(cll.innerText)+1;
}

function DelLines(){
var c,d,i,j;
d=0;
curY=block_div.style.pixelTop;
for(i=(curY/20+3);i>curY/20-1;i--){
c=0;
for(j=2;j<14;j++){
if (isNaN(table[i*16+j])||i==21) break;
c+=table[i*16+j];
}
if(c==12){
DelLine(i);
i++;
d++;
}
}
if (d>0)
sco.innerText=parseInt(sco.innerText)+d*d*36;
}

function Lucifer(){
for(var i=2;i<14;i++){
if (table[16+i]==1) return true;
}
return false;
}

function GameOver(){
gameover=1;
clearInterval(gameInterval);
block_div.innerHTML="";
for (i=0;i<21;i++){
for (j=2;j<14;j++){
setTimeout("table_tbl.rows(" + i + ").cells(" + j + ").style.background = colors[Math.round(Math.random()*7)];",16*i*j);
}
}
nblock_div.innerHTML = "Game Over";
}

function document_onkeydown() {
if (gameover==1) return;
with (block_div.style){
curX = pixelLeft;
curY = pixelTop;
switch (event.keyCode){
case 37:
if (CanMove(curX-n_IncStep,curY,arr_curBlock))
pixelLeft-=n_IncStep;
break;
case 38:
Change(1);
break;
case 39:
if (CanMove(curX+n_IncStep,curY,arr_curBlock))
pixelLeft+=n_IncStep;
break;
case 40:
if (CanMove(curX,curY+n_IncStep,arr_curBlock)){
pixelTop+=n_IncStep;
}
else{
SaveBlock();
DelLines();
if (Lucifer()){
GameOver();
return;
}
sco.innerText=parseInt(sco.innerText)+2;
NewBlock();
}
break;
case 32:
if (pause==0){
clearInterval(gameInterval);
pause=1;
}
else{
gameInterval=window.setInterval("Handle_Interval()",(maxspeed-speed+1)*60);
pause=0;
}
break;
case 90:
Change(1);
break;
case 88:
Change(-1);
break;
default:
}
}
}

function Handle_Interval(){
curX = block_div.style.pixelLeft;
curY = block_div.style.pixelTop;
if (CanMove(curX,curY+n_IncStep,arr_curBlock)){
block_div.style.pixelTop+=n_IncStep;
}
else{
SaveBlock();
DelLines();
if (Lucifer()){
GameOver();
return;
}
sco.innerText=parseInt(sco.innerText)+2
NewBlock();
}
if (killedlines>=clr_per_line){
killedlines-=clr_per_line;
if (speed<maxspeed)
speed++;
else
speed=maxspeed;
spd.innerText=speed;
clearInterval(gameInterval);
gameInterval=window.setInterval("Handle_Interval()",(maxspeed-speed+1)*60);
}
}
//-->
</SCRIPT>

<SCRIPT LANGUAGE=javascript FOR=document EVENT=onkeydown>
<!--
if (document.all)
document_onkeydown()
//-->
</SCRIPT>

</HEAD>

<BODY LANGUAGE=javascript>

<div id=block_div style="left:60;top:0">
<table id=block_tbl border=0 cellspacing=0 cellpadding=0>
<script>
if (document.all){
for (var i=0;i<4;i++){
document.write("<tr>");
for (var j=0;j<4;j++){
document.write("<td style=\"border:1 solid black;\"></td>");
}
document.write("</tr>");
}
}
</script>
</table>
</div>

<div id=nblock_div>
<table id=nblock_tbl border=0 cellspacing=0 cellpadding=0>
<script>
if (document.all){
for (var i=0;i<4;i++){
document.write("<tr>");
for (var j=0;j<4;j++){
document.write("<td style=\"height:40;width:40;border:1 outset black;\"></td>");
}
document.write("</tr>");
}
}
</script>
</table>
</div>

<div id=table_div>
<table id=table_tbl border=0 cellspacing=0 cellpadding=0>
<script>
if (document.all){
for (var i=0;i<22;i++){
document.write("<tr>");
for (var j=0;j<16;j++){
var d2 = i * 16 + j;
if (table[d2]==1)
document.write("<td bgcolor=navy></td>");
else
document.write("<td style=\"background:black;\"></td>");
}
document.write("</tr>");
}
}
</script>
</table>
</div>

<div id=title_div nowrap>Please input speed (1-9) to begin: <input type="text" size=8 id="speedin"> <button onClick="begintet()" id="but">Submit!</button></div>


<div id=infobar_div>
<table border=1 bordercolor=navy cellspacing=0 cellpadding=0>
<tr align=center>
<td style="color:99ccff;font:12 system;width:56;">Speed:</td>
<td style="color:red;font:12 system;" id=spd>1</td>
<td style="color:99ccff;font:12 system;width:86;">Total Score:</td>
<td style="color:red;font:12 system;" id=sco>0</td>
<td style="color:99ccff;font:12 system;width:96;">Cleared Lines:</td>
<td style="color:red;font:12 system;" id=cll>0</td>
</tr>
</table>
</div>

<SCRIPT ID=MainSection LANGUAGE=javascript>
<!--
if (document.all){
ncid = Math.round(Math.random()*(colors.length-1));
bid = Math.round(Math.random()*(blocks.length-1));
nextBlock = blocks[bid];
NewBlock();
}
function begintet(){
document.all.speedin.disabled=true
document.all.but.disabled=true
speed=parseInt(document.all.speedin.value);
if (isNaN(speed)||speed==null||speed>maxspeed||speed<1) speed=1;
spd.innerText=speed;
gameInterval=window.setInterval("Handle_Interval()",(maxspeed-speed+1)*60);
}


//-->
</SCRIPT>
</BODY>
</HTML>

#23
oヤ偽妳變壞2006-04-28 18:48

猜数字游戏
<SCRIPT LANGUAGE="JavaScript">

var js_mult1=3141
var js_mult2=5821
var js_m1=100000000
var js_m2=10000
var js_iseed=0
var js_iseed1=0
var js_iseed2=0


function random(n)
{
if (js_iseed == 0)
{
now = new Date()
js_iseed = now.getHours() + now.getMinutes() * 60
+ now.getSeconds() * 3600
}
js_iseed1 = js_iseed / js_m2
js_iseed2 = js_iseed % js_m2
var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) *
js_m2 + (js_iseed2 * js_mult2)) % js_m1
js_iseed = (tmp + 1) % js_m1
return (Math.floor((js_iseed/js_m1) * n))
}


var myNumber = 0
var nGuesses = 0

function guessnum()
{
var response
var num = parseInt(document.forms[0].guess.value)

document.forms[0].guess.value = num // visual feedback in case of NaN

nGuesses++ // increase the guess count
response = "你猜的数字"

if (num < myNumber) response = response + "小了"
if (num > myNumber) response = response + "大了"
if (num == myNumber)
{
response = response + "猜对了!! 继续下一个数字吧."
nGuesses = 0
myNumber = random(100)+1
}
document.forms[1].result.value=response
document.forms[1].guesses.value=nGuesses
document.forms[0].guess.focus()
document.forms[0].guess.select()
return true
}

function giveup()
{
var response

nGuesses = 0
response = "这个数字是 " + myNumber +"。别灰心,猜下一个数字吧"
myNumber = random(100)+1
document.forms[1].result.value=response
document.forms[1].guesses.value=nGuesses
document.forms[0].guess.focus()
document.forms[0].guess.select()
}
</SCRIPT></HEAD>

<BODY bgcolor="ffffff" onLoad="document.forms[0].guess.focus(); document.forms[0].guess.select()">
<center>
<H2>猜数字游戏</H2><p><font size="2"><b>数字是1-100内的数字,随机显示,猜猜看</b></font><p>

<SCRIPT>
myNumber = random(100)+1
nGuesses = 0
</SCRIPT>

<FORM onSubmit="guessnum(); return false">
你猜的数字是: <INPUT TYPE="text" NAME="guess" SIZE=5>
<INPUT TYPE="button" VALUE=" 猜猜... " onClick="guessnum()">
<INPUT TYPE="button" VALUE=" 放弃 " onClick="giveup()">
</FORM>

<FORM><PRE>
次数: <INPUT TYPE="text" NAME="guesses" SIZE=3>
信息提示: <INPUT TYPE="text" NAME="result" SIZE=44>
</PRE></FORM>

#24
oヤ偽妳變壞2006-04-28 18:49

不好意思楼上的错了点
是这样的:
<HTML><HEAD>
<SCRIPT LANGUAGE="JavaScript">
var js_mult1=3141
var js_mult2=5821
var js_m1=100000000
var js_m2=10000
var js_iseed=0
var js_iseed1=0
var js_iseed2=0


function random(n)
{
if (js_iseed == 0)
{
now = new Date()
js_iseed = now.getHours() + now.getMinutes() * 60
+ now.getSeconds() * 3600
}
js_iseed1 = js_iseed / js_m2
js_iseed2 = js_iseed % js_m2
var tmp = (((js_iseed2 * js_mult1 + js_iseed1 * js_mult2) % js_m2) *
js_m2 + (js_iseed2 * js_mult2)) % js_m1
js_iseed = (tmp + 1) % js_m1
return (Math.floor((js_iseed/js_m1) * n))
}


var myNumber = 0
var nGuesses = 0

function guessnum()
{
var response
var num = parseInt(document.forms[0].guess.value)

document.forms[0].guess.value = num // visual feedback in case of NaN

nGuesses++ // increase the guess count
response = "你猜的数字"

if (num < myNumber) response = response + "小了"
if (num > myNumber) response = response + "大了"
if (num == myNumber)
{
response = response + "猜对了!! 继续下一个数字吧."
nGuesses = 0
myNumber = random(100)+1
}
document.forms[1].result.value=response
document.forms[1].guesses.value=nGuesses
document.forms[0].guess.focus()
document.forms[0].guess.select()
return true
}

function giveup()
{
var response

nGuesses = 0
response = "这个数字是 " + myNumber +"。别灰心,猜下一个数字吧"
myNumber = random(100)+1
document.forms[1].result.value=response
document.forms[1].guesses.value=nGuesses
document.forms[0].guess.focus()
document.forms[0].guess.select()
}
</SCRIPT></HEAD>

<BODY bgcolor="ffffff" onLoad="document.forms[0].guess.focus(); document.forms[0].guess.select()">
<center>
<H2>猜数字游戏</H2><p><font size="2"><b>数字是1-100内的数字,随机显示,猜猜看</b></font><p>

<SCRIPT>
myNumber = random(100)+1
nGuesses = 0
</SCRIPT>

<FORM onSubmit="guessnum(); return false">
你猜的数字是: <INPUT TYPE="text" NAME="guess" SIZE=5>
<INPUT TYPE="button" VALUE=" 猜猜... " onClick="guessnum()">
<INPUT TYPE="button" VALUE=" 放弃 " onClick="giveup()">
</FORM>

<FORM><PRE>
次数: <INPUT TYPE="text" NAME="guesses" SIZE=3>
信息提示: <INPUT TYPE="text" NAME="result" SIZE=44>
</PRE></FORM>

#25
oヤ偽妳變壞2006-04-28 18:51

贪吃蛇游戏!
<style>
.Food{background-color:red}
.Snake{background-color:blue}
</style>

<script>
var Rows=20
var Cells=30
var Num=15
var BorderWidth=5
var SpeedUp=5000

//创建地图
function CreateMap(){
BW=eval(Cells*Num+2*BorderWidth)
BH=eval(Rows*Num+2*BorderWidth)
document.body.innerHTML='<div id=MainMap style=position:absolute;left:'+(document.body.clientWidth-BW)/2+';top:'+(document.body.clientHeight-BH)/2+';width:'+BW+';height:'+BH+';border-width:'+BorderWidth+';border-style:inset;border-color:#0000cc></div>'
Map=new Array()
for(y=0;y<Rows;y++){
Map[y]=new Array()
for(x=0;x<Cells;x++){
Map[y][x]='0'
}
}
Sx=parseInt(Math.random()*Cells)
Sy=parseInt(Math.random()*Rows)
CreateSnake()
CreatFood()
AllDiv=MainMap.all.tags('DIV')
AllSpan=MainMap.all.tags('SPAN')
}


//创建食物的位置
function CreatFood(){
Fx=parseInt(Math.random()*Cells)
Fy=parseInt(Math.random()*Rows)
if(Map[Fy][Fx]=='0'){
MainMap.innerHTML+='<span style=position:absolute;left:'+Fx*Num+';top:'+Fy*Num+';width:'+Num+';height:'+Num+';overflow:hidden class=Food></span>'
Map[Fy][Fx]='F'
}
else CreatFood()
}


//创建蛇的位置
function CreateSnake(){
MainMap.innerHTML+='<div x='+Sx+' y='+Sy+' style=position:absolute;left:'+Sx*Num+';top:'+Sy*Num+';width:'+Num+';height:'+Num+';overflow:hidden class=Snake></div>'
Map[Sy][Sx]='S'
}


//主移动--判断蛇头前面的是什么
function Move(){
Sx+=GoX
Sy+=GoY
if(Sy<0||Sy>=Rows)Move1()
else{
SnakeFront=Map[Sy][Sx]
if(SnakeFront=='0')Move2()
else{
if(SnakeFront=='F')Move3()
else Move1()
}
}
}


//重新开始
function Move1(){
ReStart=confirm("Game Over,重新开始?")
if(ReStart)window.location.reload()
}

var Times=200

//蛇前是空地时

function Move2(){
Map[AllDiv[0].y][AllDiv[0].x]='0'
AllDiv[0].removeNode(true)
CreateSnake()
setTimeout('Move()',Times)
}

//蛇前面是食物时

function Move3(){
CreateSnake()
AllSpan[0].removeNode(true)
CreatFood()
setTimeout('Move()',Times)
}


//蛇越行越快
function oTimes(){
Times-=5
if(Times>5)setTimeout('oTimes()',SpeedUp)
}

document.onkeydown=KeyDown

//方向
function KeyDown(){
Key=event.keyCode
switch(Key){
case 37:Dir(-1,0);break//左
case 39:Dir(1,0);break//右
case 38:Dir(0,-1);break//上
case 40:Dir(0,1);break}//下
return false
}

var Star=0

function Dir(x,y){
GoX=x
GoY=y
if(Star==0){
oTimes()
Star=1
Move()
}
}


//开始时运行
onload=CreateMap
</script>

#26
oヤ偽妳變壞2006-04-28 18:52

游戏看谁围的圈数多!
<!--第一步:把如下代码加入<head>区域中-->

<script>
function ShowMenu(bMenu) {
document.all.idFinder.style.display = (bMenu) ? "none" : "block"
document.all.idMenu.style.display = (bMenu) ? "block" : "none"
idML.className = (bMenu) ? "cOn" : "cOff"
idRL.className = (bMenu) ? "cOff" : "cOn"
return false
}
</script>
<style>
<!--
A.cOn {text-decoration:none;font-weight:bolder}
#article {font: 12pt Verdana, geneva, arial, sans-serif; background: white; color: black; padding: 10pt 15pt 0 5pt}
#article P.start {text-indent: 0pt}
#article P {margin-top:0pt;font-size:10pt;text-indent:12pt}
#article #author {margin-bottom:5pt;text-indent:0pt;font-style: italic}
#pageList P {padding-top:10pt}
#article H3 {font-weight:bold}
#article DL, UL, OL {font-size: 10pt}
-->
</style>
<script>
<!--
function addList(url,desc) {
if ((navigator.appName=="Netscape") || (parseInt(navigator.appVersion)>=4)) {
var w=window.open("","_IDHTML_LIST_","top=0,left=0,width=475,height=150,history=no,menubar=no,status=no,resizable=no")
var d=w.document
if (!w._init) {
d.open()
d.write("<TITLE>Loading...</TITLE><EM>Loading...</EM>")
d.close()
d.location.replace("/assist/listing.asp?url="+escape(url)+"&desc="+escape(desc))
w.opener=self
window.status="Personal Assistant (Adding): " + desc
} else {
window.status=w.addOption(url,desc)
w.focus()
}
}
else
alert("Your browser does not support the personal assistant.")
return false
}
// -->
</script>

<style>
#board {font-family: arial}
.dot {position: absolute; width: 5px; height: 5px; font-size: 0pt; background: black}
#line {position: absolute; font-size: 0pt; height: 5px}
.p1 {position: absolute; font-size: 0pt;background: navy}
.p2 {position: absolute; font-size: 0pt; background: red}
.p1B {position: absolute; font-size: 8pt; color: navy;text-align: center; font-weight: bold}
.p2B {position: absolute; font-size: 8pt; color: red; text-align: center; font-weight: bold}
</style>
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var timerRunning = false;
var timezone = "Greenwich Mean Time";
var adjust = 0;

function timeCheck(tzone, diff) {
if (timerRunning) {
clearTimeout(updatetime);
timerRunning = false; }
gmtOffset=eval(diff+adjust);
timezone = tzone;
checkDateTime();
}

function checkDateTime () {
var today = new Date();
var year = today.getYear() + 1900;
var month = today.getMonth()+1;
var date = today.getDate();
var day = today.getDay();
var hour = today.getHours();
var minute = today.getMinutes();
var second = today.getSeconds();

var lastSat = date - (day+1);
while (lastSat < 32) lastSat+=7;
if (lastSat > 31) lastSat+=-7;
var firstSat = date - (day+1);
while (firstSat > 0) firstSat+=-7;
if (firstSat < 1) firstSat+=7;
if ((((month == 4) && (date >= firstSat)) || month > 4) &&
(month < 11 || ((month == 10) && day <= lastSat))) adjust += 60;
yourOffset = (new Date()).getTimezoneOffset();
yourOffset = yourOffset + adjust;

var xx = navigator.appName
var xy = navigator.appVersion;
xy = xy.substring(0,1);
if ((xy == 4) && (xx == "Netscape")) yourOffset = yourOffset+adjust;
if ((((month == 4) && (date > 20)) || month > 4) && (month < 11 || ((month == 10) &&
day < 30))) adjust -= 60;

ourDifference = eval(gmtOffset - yourOffset);
var half = eval(ourDifference % 60);
ourDifference = Math.round(ourDifference / 60);
hour = eval(hour - ourDifference);
var m = new Array("",
"Jan","Feb","Mar",
"Apr","May","Jun",
"Jul","Aug","Sept",
"Oct","Nov","Dec");
var leap = eval(year % 4);

if ((half == -30) || (half == 30)) minute += 30;
if (minute > 59) minute -= 60, hour++;
if (minute < 0) minute += 60, hour--;
if (hour > 23) hour -= 24, date += 1;
if (((month == 4) || (month == 6) ||
(month == 9) || (month == 11)) && (date==31)) date = 1, month ++;
if (((month == 2) && (date > 28)) && (leap != 0)) date = 1, month ++;
if ((month == 2) && (date > 29)) date = 1, month++;
if (hour < 0) hour += 24, date --;
if ((date == 32) && (month == 12)) month = m[1], date = 1, year++;
if (date == 32) date = 1, month++;
if ((date < 1) && (month == 1)) month= m[12], date = 31, year--;
if (date < 1) date = 31, month --;
if (((month == 4) || (month == 6) ||
(month== 9) || (month == 11)) && (date == 31)) date = 30;
if ((month == 2) && (date > 28)) date = 29;
if (((month == 2) && (date > 28)) && (leap != 0)) date=28;
for (i=1; i<13; i++) {
if (month == i) {
month = m[i]; break;
}
}

var dateTime = hour;
dateTime = ((dateTime < 10) ? "0":"") + dateTime;
dateTime = " " + dateTime;
dateTime += ((minute < 10) ? ":0" : ":") + minute;
dateTime += ((second < 10) ? ":0" : ":") + second;
dateTime += (hour >= 12) ? " PM, " : " AM, ";
dateTime += month + " " + date + ", " + year;

document.clock.zonetime.value = dateTime;
document.clock.zonename.value = timezone;
updatetime=setTimeout("checkDateTime()", 900);
timerRunning = true;
}
// End -->
</SCRIPT>

<!--第二步:把如下代码加入<body>区-->

<table CELLPADDING="0" CELLSPACING="0" BORDER="0" width="509">
<tr>
<td WIDTH="10"></td>
<td valign="top" WIDTH="499" ID="article"><p class="start" STYLE="text-align: left"><font
size="+2" style="font-weight:bold;font-size: 14pt"><b>看谁围的框子多?</b></font></p>
<p>这是一个双人游戏,蓝色的先行,看谁围的框子多,谁就赢。</p>
<p STYLE="margin-top: 5pt"><script>
/* DHTML Dots is copyright 1998 insideDHTML.com, LLC. All rights reserved.
DHTML Dots cannot be reproduced in any manner without prior consent from insideDHTML.com */

var scale= 25
var size = 5

var totalSize = ((size+1)*scale) + 6
var cache = new Object()
var move=0,point=0
var player = true

function initCache() {
cache.x = 0
cache.y = 0
cache.red = 0
cache.navy = 0
move=0,point=0
}

function updateScore() {
document.all.red.innerText = cache.red
document.all.navy.innerText = cache.navy
if ((cache.red+cache.navy)==((size-1)*(size-1))) {
board.onclick = null
document.all.message.innerText = "Game Over!"
}

}

function fillPos(x,y) {
document.all.board.insertAdjacentHTML("beforeEnd","<DIV class=" + (player ? "p1B" : "p2B") + " ID=\"point"+point+"\">" + (player ? "N" : "R") + "</DIV>")
var el = document.all["point"+point].style
el.pixelTop = (y*scale)+5
el.pixelLeft = (x*scale)+5
el.pixelWidth = scale - 5
el.pixelHeight = scale - 5

}

function checkBoard(x,y,dir, player) {
var piece=0
if ("vertical"==dir) {
if ((x==size) || (x>1)) {
var bPos = boardArray[x-1][y]
var nextV = boardArray[x-1][y+1]
if ((bPos["vertical"]) && (bPos["horizontal"]) && (nextV["horizontal"])) {
point++
piece++
fillPos(x-1,y)
}
}
if ((x==1) || (x<size)) {
var nextV = boardArray[x+1][y]
var nextH = boardArray[x][y+1]
if ((nextV["vertical"]) && (nextH["horizontal"]) && (boardArray[x][y]["horizontal"])) {
point++
piece++
fillPos(x,y)
}
}
}
else {
if ((y==size) || (y>1)) {
var nextV = boardArray[x+1][y-1]
var bPos = boardArray[x][y-1]
if ((bPos["vertical"]) && (bPos["horizontal"]) && (nextV["vertical"])) {
point++
piece++
fillPos(x,y-1)
}
}
if ((y==1) || (y<size)) {
var nextV = boardArray[x+1][y]
var nextH = boardArray[x][y+1]
if ((nextV["vertical"]) && (nextH["horizontal"]) && (boardArray[x][y]["vertical"])) {
point++
piece++
fillPos(x,y)
}
}
}
if (piece>0) {
if (player)
cache.navy+=piece
else
cache.red+=piece
document.all.message.innerText = "Score! Go Again."
updateScore()
return player
}
else
return !player

}

function doMouseMove() {
if (event.srcElement.className!="dot") {
var x = Math.floor(event.offsetX / scale)
var y = Math.floor(event.offsetY / scale)
var dirX = (event.offsetX % scale)
var dirY = (event.offsetY % scale)
if ((x<size+1) && (y<size+1) && (y>0) && (x>0)) {
if (dirX>=dirY) {
if (x<size) {
line.style.pixelHeight = 5
line.style.pixelWidth = scale - 5
line.style.pixelTop = (y * scale)
line.style.pixelLeft = (x * scale) + 5
cache.direction = "horizontal"
}
} else
{
if (y<size) {
line.style.pixelWidth = 5
line.style.pixelHeight = scale - 5
line.style.pixelTop = (y * scale) + 5
line.style.pixelLeft = x * scale
cache.direction = "vertical"
}
}
cache.x = x
cache.y = y
}
}

}

function doClick() {

if (cache.x==0) return
if (boardArray[cache.x][cache.y][cache.direction])
document.all.message.innerText="That spot is taken! Choose again"
else {
document.all.board.insertAdjacentHTML("beforeEnd","<DIV class=" + (player ? "p1" : "p2") + " ID=move"+move+"></DIV>")
var el = document.all["move"+move]
el.style.top = line.style.top
el.style.left = line.style.left
el.style.width = line.style.width
el.style.height = line.style.height
boardArray[cache.x][cache.y][cache.direction]=true
var nextPlayer = checkBoard(cache.x,cache.y,cache.direction, player)
if (nextPlayer!=player) {
player = nextPlayer
if (player) {
document.all.message.innerText = "Navy players turn"
line.style.border = "1px navy solid"
}
else {
document.all.message.innerText = "Red players turn"
line.style.border = "1px red solid"
}
}
}


move++
}

function buildDiv(x,y, scale) {
return ("<DIV CLASS=dot STYLE=\"top:" + (x*scale) + "; left: " + (y*scale) + "\"></DIV>")
}

var boardArray = new Object


function buildBoard() {
initCache()
board = ("<DIV ID=line STYLE=\"border: 1px navy solid; width: 0; height: 0\"></DIV>")
boardArray = new Object()
for (var x=1; x < size+1; x++) {
boardArray[x] = new Object()
for (var y=1; y < size+1; y++) {
boardArray[x][y] = new Object
boardArray[x][y]["vertical"] = false
boardArray[x][y]["horizontal"] = false
board+=(buildDiv(x,y, scale))
}
}

return board
}

function createGame() {
size=parseInt(document.all.setSize.value)
if (size>12)
size=12
if (size<3)
size=3
document.all.setSize.value = size
document.all.board.innerHTML = buildBoard()
document.all.board.onclick = doClick
totalSize = ((size+1)*scale) + 6
document.all.board.style.pixelWidth = totalSize
document.all.board.style.pixelHeight = totalSize
document.all.message.innerText = "Navy player goes first. Good Luck!"
updateScore()
}
document.write("<DIV ID=board STYLE=\"position: relative; height: "+ totalSize + "; width:" + totalSize + "; border: 1px black solid\">" + buildBoard() + "</DIV>")
document.all.board.onmousemove = doMouseMove
document.all.board.onclick = doClick

</script> </p>
<div STYLE="margin-left: 10pt; margin-top: 5pt"><p class="start" ID="message">Navy player
goes first. Good Luck!</p>
<dd><br>
<table border="1" width="100">
<tr>
<td style="color: red"><b>Red</b></td>
<td ID="red">0</td>
</tr>
<tr>
<td style="color: navy"><b>Navy</b></td>
<td ID="navy">0</td>
</tr>
</table>
<p><br>
</p>
<table width="200">
<tr>
<td>游戏大小: </td>
<td><input TYPE="Text" VALUE="5" ID="setSize" SIZE="2"></td>
</tr>
<tr>
<td COLSPAN="2" align="center"><input TYPE="button" ONCLICK="createGame()"
VALUE="New Game"></td>
</tr>
</table> <p CLASS="copyright"> </p>
</dd>
</div></td>
</tr>
</table>

#27
oヤ偽妳變壞2006-04-28 18:55

选择你喜欢的女孩子类型!
<!--第一步:把如下代码加入<head>区域中-->
<SCRIPT language=JavaScript>
<!--
function processForm(form){
if (form.c1[0].checked==1) form.answer.value="把双手放在胸口前往往给人一种害羞、紧张、自我保护的感觉。选择这个姿势的男性就是喜欢这种含羞答答、在紧张时不自觉会手足无措,稍具气质及矜持的女性。";
if (form.c1[1].checked==1) form.answer.value="两手垂下给人一种自然、顺从的感觉。选择这个姿势的男性会喜欢不造作、不刻意掩饰自己及带点天真的女性。";
if (form.c1[2].checked==1) form.answer.value="两手张开给人一种接纳、包容的感觉。选择这个姿势的男性会倾向喜欢较年长、或是能给予他像母亲的爱般温暖的女性。";
}
//-->
</SCRIPT>

<!--第二步:把如下代码加入<body>区域中-->


<TABLE border=0 cellPadding=4 cellSpacing=0 height=78 width=500>
<TBODY>
<TR>
<TD align=middle height=38 width=561><SPAN
style="FONT-SIZE: 6pt">◇◆◇◆◇</SPAN><SPAN
style="FONT-SIZE: 12pt"><STRONG>哪一类型女仔最吸引你</STRONG></SPAN><SPAN
style="FONT-SIZE: 6pt">◇◆◇◆◇</SPAN></TD></TR></TBODY></TABLE></DIV>
<FORM name=see>
<DIV align=left>
<TABLE border=0 cellPadding=10 cellSpacing=0 height=223 width=517>
<TBODY>
<TR>
<TD height=1 width=517>
<DIV align=left>
<P>假如圣母玛莉亚赤裸站在你面前,你认为她的双手会放在那儿?</P></DIV>
<DIV align=left>
<P><INPUT name=c1 type=radio value=1>放在胸口前。<BR><INPUT name=c1 type=radio
value=3>两手垂下。<BR><INPUT name=c1 type=radio value=V1>两手张开成V字形。
</P></DIV></TD></TR>
<TR>
<TD align=middle height=27 width=517><INPUT onclick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=已选好,看看结论!></TD></TR>
<TR>
<TD align=middle height=-12 width=517><TEXTAREA cols=47 name=answer rows=5 style="COLOR: rgb(255,0,0); FONT-FAMILY: 宋体; FONT-SIZE: 9pt; LINE-HEIGHT: 15px">

#28
oヤ偽妳變壞2006-04-28 18:57

在状态栏显示停留时间
要完成此效果把如下代码加入到<body>区域中

<script language="Javascript">
<!--
var x = 0
var speed = 120
var text = "欢迎光临细溪驿站!"
var course = 120
var text2 = text

function Scroll() {
window.status = text2.substring(0, text2.length)

if (course < text2.length) {
setTimeout("Scroll2()", speed)
}

else {
text2 = " " + text2

setTimeout("Scroll()", speed);
}
}

function Scroll2() {
window.status = text2.substring(x, text2.length)

if (text2.length - x == text.length) {
text2 = text
x = 0

setTimeout("Scroll()", speed);
}

else {
x++
setTimeout("Scroll2()", speed);
}
}

Scroll()
//-->
</script>

#29
oヤ偽妳變壞2006-04-28 18:58

字符在状态栏中缓慢移动
要完成此效果把如下代码加入到<head>区域中

<SCRIPT LANGUAGE="javascript">
function wh_showStatus(){
if (wh_StatusType == "left") {
wh_StatusText = " " + wh_StatusText;
}
else
if (wh_StatusType == "right") {
wh_StatusText = wh_StatusText.substring(1,wh_StatusText.length);
}
if (wh_StatusText == "" || wh_StatusText.length > 80) {
wh_StatusText = "Welcome to JavaScript Fairyland";
if (wh_StatusType == "right") {
while (wh_StatusText.length < 80) wh_StatusText = " " +

wh_StatusText;
}
}
status = wh_StatusText;
setTimeout("wh_showStatus()",wh_StatusSpeed);
}
wh_StatusText = "Welcome to 细 溪 驿 站";
wh_StatusSpeed = 1000;
wh_StatusType = "left";
if (wh_StatusType == "right") {
while (wh_StatusText.length < 80) wh_StatusText = " " +

wh_StatusText;
}
setTimeout("wh_showStatus()",wh_StatusSpeed);
</SCRIPT>

#30
oヤ偽妳變壞2006-04-28 18:59

背景不听变化
脚本说明:
第一步:把如下代码加入<body>区域中
<SCRIPT language=javascript><!--
var pos=10;function initArray(){this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++){this[i]=initArray.arguments[i];}}
var col=new initArray("4b","5b","8b","8b");
col[0]="yellow";col[1]="coral";col[2]="orange";col[3]="red";
col[4]="greenyellow";col[5]="lime";col[6]="turquoise";col[7]="coral";
col[8]="blueviolet";col[9]="violet";
function chgCol(){pos++;if(pos<0||pos>9){pos=0;}document.bgColor=col[pos];
setTimeout("chgCol()",3000);/*这里你可以改变时间间隔.*/
}
var yourwords="不断变化背景色彩";var buffer1=" ";
var buffer2=" ";
var message1=buffer1+yourwords+buffer2;
var dir="left";var speed=150;function pingpong(){
if(dir=="left")
{message2=message1.substring(2,message1.length)+" ";
window.status=message2;setTimeout("pingpong();",speed);message1=message2;
if(message1.substring(0,1)=="*")dir="right";}
else{message2=" "+message1.substring(0,message1.length-2);
window.status=message2;setTimeout("pingpong();",speed);
message1=message2;if(message1.substring(message1.length-1,message1.length)=="*")dir="left";}}//
-->
</SCRIPT>


第二步:把<body>改为
<body bgColor=#ffffff onload="chgCol(); pingpong();">

#31
oヤ偽妳變壞2006-04-28 19:00

字符在状态栏缓慢移动
要完成此效果把如下代码加入到<body>区域中

<script language="Javascript">
<!--
var x = 0
var speed = 120
var text = "欢迎光临细溪驿站!"
var course = 120
var text2 = text

function Scroll() {
window.status = text2.substring(0, text2.length)

if (course < text2.length) {
setTimeout("Scroll2()", speed)
}

else {
text2 = " " + text2

setTimeout("Scroll()", speed);
}
}

function Scroll2() {
window.status = text2.substring(x, text2.length)

if (text2.length - x == text.length) {
text2 = text
x = 0

setTimeout("Scroll()", speed);
}

else {
x++
setTimeout("Scroll2()", speed);
}
}

Scroll()
//-->
</script>

#32
oヤ偽妳變壞2006-04-28 19:01

输入代码变背景颜色
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function test(form) {
if (form.text.value == "")
alert("请输入你喜欢的颜色代码!")
else {
document.bgColor=(""+form.text.value+"");
}
}
// End -->
</SCRIPT>


第二步:把如下代码加入<body>区域中
<FORM>
<B>输入你喜欢的颜色代码,然后按按扭:<BR>
<input type="text" name="text">
<input type="button" name="button" value="输入" onClick="test(this.form)">
</FORM>

第三步:把<body>改为
<body bgcolor="#fef4d9" onLoad="clear();display()">

#33
oヤ偽妳變壞2006-04-28 19:03

背景颜色随你选择
脚本说明:第一步:把如下代码加入<head>区域中
<SCRIPT language=javascript>
<!--
function makeArray(q){for(i=1;i<=q;i++){this[i]=0}}Colors=new makeArray(7);Colors[1]="00";Colors[2]="33";Colors[3]="66";Colors[4]="99";Colors[5]="CC";Colors[6]="FF";
-->
</SCRIPT>


第二步:把如下代码加入<body>区域中
<center><table cellspacing=0 cellpadding=0><SCRIPT language=javascript>
<!--
for(i=1;i<=6;i++){for(j=1;j<=6;j++){for(k=1;k<=6;k++){var thiscolor=Colors[i]+Colors[j]+Colors[k];document.writeln("<tr><td height = 20 bgcolor = \"#" + thiscolor + "\" align = right><a href = ");document.writeln("\'\' onMouseOver = \"document.bgColor=\'"+thiscolor+"\'\">"+thiscolor+"</a></td></tr>");}}}

-->


</SCRIPT></table></center>

#34
oヤ偽妳變壞2006-04-28 19:04

颜色选择器
本说明:
把如下代码加入<body>区域中
<FORM>
<SELECT Size=22 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION VALUE="blue">blue
<OPTION VALUE="aquamarine">aquamarine
<OPTION VALUE="chocolate">chocolate
<OPTION VALUE="darkred">dark red
<OPTION VALUE="gold">gold
<OPTION VALUE="red">red
<OPTION VALUE="yellow">yellow
<OPTION VALUE="hotpink">hotpink
<OPTION VALUE="lime">lime
<OPTION VALUE="darkkhaki">dark khaki
<OPTION VALUE="cadetblue ">cadet blue
<OPTION VALUE="darkgoldenrod">dark goldenrod
<OPTION VALUE="darkslateblue">dark slate blue
<OPTION VALUE="deeppink">deep pink
<OPTION VALUE="darksalmon">dark salmon
<OPTION VALUE="salmon">salmon
<OPTION VALUE="tan">tan
<OPTION VALUE="wheat">wheat
<OPTION VALUE="tomato">tomato
<OPTION VALUE="springgreen">springgreen
<OPTION VALUE="turquoise">turquoise
<OPTION VALUE="FFFFFF" SELECTED> White
</select></form>

#35
oヤ偽妳變壞2006-04-28 19:05

礼花背景
脚本说明:
把如下代码加入<body>区域中
<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
<layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
<layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
<layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
<layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
<layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
<layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
<layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
<layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>
<div id="starsDiv" style="position:absolute;top:0px;left:0px">
<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>
<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>
<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
</div>

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var Clrs = new Array(9);
Clrs[0] = 'ff0000';
Clrs[1] = '00ff00';
Clrs[2] = '000aff';
Clrs[3] = 'ff00ff';
Clrs[4] = 'ffa500';
Clrs[5] = 'ffff00';
Clrs[6] = '00ff00';
Clrs[7] = 'ffffff';
Clrs[8] = 'fffff0';
var sClrs = new Array(5);
sClrs[0] = 'ffa500';
sClrs[1] = '55ff66';
sClrs[2] = 'AC9DFC';
sClrs[3] = 'fff000';
sClrs[4] = 'fffff0';
var yBase;
var xBase;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;
var initialStarColor = 'ffa000';
var Mtop = 250;
var Mleft = 250;
function Fireworks() {
if (document.all) {
yBase = window.document.body.offsetHeight / 3;
xBase = window.document.body.offsetWidth / 8;
}
else if (document.layers) {
yBase = window.innerHeight / 3;
xBase = window.innerWidth / 8;
}
if (document.all) {
step = 5;
for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
starsDiv.all[i].style.background=initialStarColor;
if (currStep > 90)
starsDiv.all[i].style.background=Clrs[c];
starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
}
}
else if (document.layers) {
step = 5;
for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!
var templayer = "a"+j;
for (ai = 0; ai < Clrs.length; ai++) {
var c = Math.round(Math.random()*[ai]);
}
if (currStep < 90)
document.layers[templayer].bgColor=initialStarColor;
if (currStep > 90)
document.layers[templayer].bgColor=Clrs[c];
document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
}
}
currStep+= step;
T=setTimeout("Fireworks()",5);
if (currStep == 220) {
currStep = -10;
for (n = 0; n < sClrs.length; n++) {
var k = Math.round(Math.random()*n);
}
initialStarColor = sClrs[k];
if (document.all) {
Dtop = window.document.body.clientHeight - 250;
Dleft = xBase * 3.5;
Mtop = Math.round(Math.random()*Dtop);
Mleft = Math.round(Math.random()*Dleft);
document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;
}
else if (document.layers) {
Dleft = window.innerWidth - 100;
Dtop = window.innerHeight - 100;
Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);
Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);
document.layers[templayer].top = Mtop;
document.layers[templayer].left = Mleft;
}
if ((Mtop < 20) || (Mleft < 20)) {
Mtop += 90;
Mleft += 90;
}
}
}
Fireworks();
// End -->
</script>

#36
oヤ偽妳變壞2006-04-28 19:08

页面自动滚屏效果
第一步:把如下代码加入<head>区域中
<SCRIPT language="JavaScript">
<!--
function scrollit(){
for (I=1; I<=500; I++){
self.scroll(1,I)
}
}
//-->
</SCRIPT>

第二步:把<body>区中内容改为
<body onload="scrollit()">

#37
oヤ偽妳變壞2006-04-28 19:09

在你的网页中加入下雨的效果
要完成此效果把如下代码加入到<body>区域中

<script language="JavaScript">
<!--
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"#999999\">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
document.write("top=\"1\" visibility=\"show\"><font color=\"#999999\">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"#999999\">");
document.write(",</font></div>");
}
else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"#999999\">");
document.write(",</font></div>");
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {
raindropNS();
}
else
if (ie4up) {
raindropIE();
}

-->
</script>

#38
oヤ偽妳變壞2006-04-28 19:12

背景图片由你自己选择
要完成此效果把如下代码加入到<body>区域中

<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"
}

function restore(){
document.body.style.backgroundImage=''
}
document.body.onclick=restore
-->
</script>
</p>
<p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">
<img src="http://www.jojoo.net/include/1.jpg" height=96 width=96 border=2>
<img src="http://www.jojoo.net/include/4.jpg" height=96 width=96 border=2><br>
<img src="http://www.jojoo.net/include/3.jpg" height=96 width=96 border=2>
<img src="http://www.jojoo.net/include/2.jpg" height=96 width=96 border=2></span></p>

#39
oヤ偽妳變壞2006-04-28 19:13

舞台光照射的效果
<head>
<title>Untitled</title>
</head>

<body bgcolor="Black">

<div id="myLightObject" style="position: relative; height: 400px; width: 400px; top: 10px; left: 0px;
color: White; filter: light">
<p align="center">
春花秋月何时了,往事知多少
</p>
<p align="center">
<br>
小楼昨夜又东风
</p>
<p align="center">
<br>
故国不堪回首月明中。
</p>
<p align="center">
<br>
雕栏玉砌应犹在,只是朱颜改。
</p>
<p align="center">
问君能有几多愁,
</p>
<p align="center">
<br>
恰似一江春水向东流。<br>
</p>
</div>

<script language="VBScript">
Option Explicit
sub window_OnLoad()
call myLightObject.filters.light(0).addambient(0,0,255,30)
call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)
end sub

sub document_onMouseMove()
call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)
end sub


</script>

</body>
</html>



#40
oヤ偽妳變壞2006-04-28 19:15

状态栏显示载入进度
要完成此效果把如下代码加入到<body>区域中

<script language=VBScript>
Dim Bar, Line, SP
Bar = 0
Line = "|"
SP = 100

Function Window_onLoad()
Bar = 95
SP = 10
End Function

Function Count()
If Bar < 100 Then
Bar = Bar + 1
Window.Status = "已成功下载" & Bar & "%" & " " & String(Bar, Line)
setTimeout "Count()", SP
Else
Window.Status = "欢迎你的光临!!!"
Document.Body.Style.Display = ""
End If
End Function

Call Count()
</script>

#41
oヤ偽妳變壞2006-04-28 19:17

你碰到字是背景会变哦
加在body之间
<script language="Javascript">
<!--
function backcolor(form){
temp = ""
for (var i = 0; i < 16; i++) {
temp = form.color[i].value
if (form.color[i].checked){
document.bgColor = temp }
}
}
function randombackground(){
document.bgColor = getColor()
}
function getColor(){
currentdate = new Date()
backgroundcolor =
currentdate.getSeconds()
if (backgroundcolor > 44)
backgroundcolor =
backgroundcolor - 45
else if (backgroundcolor > 29)
backgroundcolor =
backgroundcolor - 30
else if (backgroundcolor > 15)
backgroundcolor =
backgroundcolor - 16
if (backgroundcolor == 0 )
return "olive";
else if (backgroundcolor == 1 )
return "teal";
else if (backgroundcolor == 2 )
return "red";
else if (backgroundcolor == 3 )
return "blue";
else if (backgroundcolor == 4 )
return "maroon";
else if (backgroundcolor == 5 )
return "navy";
else if (backgroundcolor == 6 )
return "lime";
else if (backgroundcolor == 7 )
return "fuschia";
else if (backgroundcolor == 8 )
return "green";
else if (backgroundcolor == 9 )
return "purple";
else if (backgroundcolor == 10 )
return "gray";
else if (backgroundcolor == 11 )
return "yellow";
else if (backgroundcolor == 12 )
return "aqua";
else if (backgroundcolor == 13 )
return "black";
else if (backgroundcolor == 14 )
return "white";
else if (backgroundcolor == 15 )
return "silver";
}
// -->
</script>
<a HREF="你的地址"
onMouseOver="randombackground()">

<p>连接的名称 </a></p>

#42
oヤ偽妳變壞2006-04-28 19:21

会浮动的导航
要完成此效果把如下代码加入到<head>区域中

<STYLE>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</STYLE>

<SCRIPT>
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}

</SCRIPT>

<SCRIPT>
YOffset=150; // no quotes!!
XOffset=0;
staticYOffset=30; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="black";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
menuWidth=150; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
hdrFontSize="2";
hdrFontColor="white";
hdrBGColor="#170088";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="white";
linkOverBGColor="#FFFF99";
linkTarget="_top";
linkAlign="Left";
barBGColor="#444444";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="white";
barVAlign="center";
barWidth=20; // no quotes!!
barText="站内导航菜单"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////

// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["站内导航"] //create header
ssmItems[1]=["本站首页", "http://www.jsshow.com", ""]
ssmItems[2]=["脚本分类", "#",""]
ssmItems[3]=["教程分类", "#", ""]
ssmItems[4]=["另类下载", "#", "_blank"]
ssmItems[5]=["有间聊栈", "#", ""]
ssmItems[6]=["关于我们", "#", ""]

ssmItems[7]=["FAQ", "#", "", 1, "no"] //create two column row
ssmItems[8]=["Email", "#", "",1]

ssmItems[9]=["友情链接", "", ""] //create header
ssmItems[10]=["Hot Link", "#", ""]
ssmItems[11]=["Hot Link", "#", ""]
ssmItems[12]=["Hot Link", "#", ""]

buildMenu();
</SCRIPT>

#43
oヤ偽妳變壞2006-04-28 19:26

导航菜单特效
要完成此效果需要两个步骤

第一步:把如下代码加入到<head>区域中

<style>
<!-- Begin
.BorderOn { width:90px;
margin-left:10px;
border:1px solid #456789 }
.BorderOff { width:90px;
margin-left:0px;
border:1px solid #444444 }
A.mBlue:link {color:#00CCFF; text-decoration:none;}
A.mBlue:visited {color:#00CCFF; text-decoration:none;}
A.mBlue:active {color:#00CCFF; text-decoration:none;}
A.mBlue:hover {color:#FF0000; text-decoration:underline;}
A.mGreen:link {color:#00FF80; text-decoration:none;}
A.mGreen:visited {color:#00FF80; text-decoration:none;}
A.mGreen:active {color:#00FF80; text-decoration:none;}
A.mGreen:hover {color:#FF0000; text-decoration:underline;}
A.mYellow:link {color:#FFFF00; text-decoration:none;}
A.mYellow:visited {color:#FFFF00; text-decoration:none;}
A.mYellow:active {color:#FFFF00; text-decoration:none;}
A.mYellow:hover {color:#FF0000; text-decoration:underline;}
//-->
</style>
<script language="JavaScript1.2">
<!-- Begin
offMessage = "Add this menu to your site!"
function boxOn(which,message) {
if (document.all||document.getElementById) {
which.className = 'BorderOn';
if (document.getElementById) {
document.getElementById("Message").innerHTML = message
}
else {
Message.innerHTML = message;
}
}
}
function boxOff(which) {
if (document.all||document.getElementById) {
which.className = 'BorderOff';
if (document.getElementById) {
document.getElementById("Message").innerHTML = offMessage
}
else {
Message.innerHTML = offMessage;
}
}
}
// End -->
</script>

第二步:如下代码加入到<body>区域中

<table cellpadding="0" cellspacing="0" width="100">
<tr>
<td align="center">
<!-- Header Table // -->
<table cellpadding="3" cellspacing="0" bgcolor="#000000" class="BorderOff">
<tr bgcolor="#999999">
<td>
<div align="center"><font color="#FEDCBA" size="2" face="Arial">主菜单</font></div>
</td>
</tr>
</table>
<!-- End Header Table //-->
<!-- Menu Items Tables
- To add more, just follow the pattern
- Note class= in each <a href> to attach link style colors
//-->
<!-- Menu Item One Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Visit the JavaScript Source')" onMouseout="boxOff(this)">
<tr bgcolor="#999999">
<td>
<div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="link.htm" target="_blank">分类一</a></font>
</div>
</td>
</tr>
</table>
<!-- Menu Item Two Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 2')" onMouseout="boxOff(this)">
<tr bgcolor="#999999">
<td>
<div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mBlue" href="http://www.jojoo.net/" target="_blank">分类二</a></font>
</div>
</td>
</tr>
</table>
<!-- Menu Item Three Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 3')" onMouseout="boxOff(this)">
<tr bgcolor="#999999">
<td>
<div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mGreen" href="http://www.jojoo.net/bb/" target="_blank">分类三</a></font></div>
</td>
</tr>
</table>
<!-- Menu Item Four Table //-->
<table cellpadding="3" cellspacing="0" class="BorderOff" onMouseover="boxOn(this,'Description 4')" onMouseout="boxOff(this)">
<tr bgcolor="#999999">
<td>
<div align="center"><font color="#00FF80" size="2" face="Arial"><a class="mYellow" href="http://www.jojoo.net/ts/" target="_blank">分类四</a></font></div>
</td>
</tr>
</table>
<!-- End Menu Items Tables //-->
<!-- Message Table //-->
<!-- Set the width= of this table the same as the overall width in the <style> //-->
<table cellpadding="1" cellspacing="0" bgcolor="#444444" width="90">
<tr bgcolor="#999999">
<td> <!-- Set the width= of this table to the overall width
in the style table minus 2x the border width; set
the height= long (large) enough to accommodate your
longest message //-->
<table cellpadding="3" cellspacing="0" bgcolor="#000000" width="88" height="100">
<tr bgcolor="#999999">
<td align="left" valign="top"> <font id="Message" color="#CBA987" size="2" face="Arial">Move
your mouse over the menu items.</font> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End Message Table //-->
</td>
</tr>
</table>

#44
oヤ偽妳變壞2006-04-28 19:38
以后还有多的 继续和大家分享!!
#45
bestlife2006-04-29 15:31
楼主,下次请把代码放在代码框里,这样可以直接运行看效果.
PS:还有前面发的部分帖子代码有误
#46
oヤ偽妳變壞2006-04-29 23:51

知道了!下次一定注意!!!

#47
程序错误2006-04-30 16:37
支持!!
#48
hongling2006-07-06 00:07

支持啊

#49
龙轩v亚风2006-07-06 21:43

好东西 我看了半天 真不错 绝对支持

不过 真的是好多不太好用 不过我还是用了几个在自己的网页上

谢谢哥们了!

#50
走刀口→超2006-07-08 10:42

分享是好是.请先测试咯~谢谢LZ!

#51
burly2006-07-14 16:06
不错,收下了
1