你的位置: Kiyo'Space首页 JavaScript/Jscript 阅读文章 欢迎留下您的足迹

一个不错的javascript代码页

[ JavaScript/Jscript ] 分享

<HTML>
<HEAD>
<TITLE> New Document </TITLE>

<SCRIPT LANGUAGE="JavaScript">
<!--
/**********滚动文档题目**********/
var strr="    这是我的表单属性练习",strrr,i=0//标题
var tempstr,k=0,m=0//变量
var colors=new Array("#FF3300","#66FF66","#3333FF","#FF33FF","#330033")//颜色数组
function changetitle()
{
 strrr=strr.substring(i++,strr.length)
 document.title=strrr
 if(i==strr.length) i=0
}
window.setInterval("changetitle()",200)//设置文档滚动的速度

/**********闪光标题**********/
function lighttext()
{
 tempstr="<b style='color:"+colors[m++]+";font-size:14pt;width:100%;height:100%;filter:glow(color=#009933,strength ="+(k++)+")'>"+strr+"</b>"
 titlename.innerHTML=tempstr
 if(m==5)m=0
 if(k==6)k=0
}
window.setInterval("lighttext()",150)//设置闪动速度

/**********文本时钟**********/
function clock()
{
var mydate,h,m,s,timestr
mydate=new Date()
h=mydate.getHours()
if(h<=9)h="0"+h
m=mydate.getMinutes()
if(m<=9)m="0"+m
s=mydate.getSeconds()
if(s<=9)s="0"+s
timestr=h+":"+m+":"+s
clocks.innerHTML=timestr
}
window.setInterval("clock()",1000)

/**********数字图片时钟**********/
function clock2()
{
var mydate,h,m,s,timestr
mydate=new Date()
h=mydate.getHours()
m=mydate.getMinutes()
s=mydate.getSeconds()

//小时
if(h>=9)
{
 h1.src="images/c"+(h-h%10)/10+".gif"
 h2.src="images/c"+h%10+".gif"
}
else
{
 h1.src="images/c0.gif"
 h2.src="images/c"+h+".gif"
}
//分钟
if(m>=9)
{
 m1.src="images/c"+(m-m%10)/10+".gif"
 m2.src="images/c"+m%10+".gif"
}
else
{
 m1.src="images/c0.gif"
 m2.src="images/c"+m+".gif"
}
//秒
if(s>=9)
{
 s1.src="images/c"+(s-s%10)/10+".gif"
 s2.src="images/c"+s%10+".gif"
}
else
{
 s1.src="images/c0.gif"
 s2.src="images/c"+s+".gif"
}

}
//window.setInterval("clock2()",1000)
//-->
</SCRIPT>
</HEAD>

<BODY BGCOLOR="#FFFFFF">
<!-- 滚动标题插入层 -->
<center>
<div id=titlename>
</div><br>
</center>
<!-- 表单 -->
<FORM METHOD=POST ACTION="" name=form1 style="font-size: 11pt">

<!-- 性别 -->
性别:<INPUT TYPE="radio" NAME="sex">男<INPUT TYPE="radio" NAME="sex">女<br><br>

<!-- 计算按钮-->
<INPUT TYPE="button" value=按我计算有几个钮 onclick="document.form1.sex[0].click();alert('总共有'+document.form1.sex.length+'个按钮')"><br><br>

<!-- 导航栏 -->
<Select NAME="job" onchange="window.open(document.form1.job.options.value,'')">
<option >--选择你想去的网站--</option>
<option value="sohu.comhttp://www.sohu.com">sohu.com</option>
<option value="sina.com.cnhttp://www.sina.com.cn">sina.com.cn</option>
</Select><br><br>

<!-- 导色栏 -->
<Select NAME="color" onchange="document.bgColor=this.value">
<option >--选择你要得背景色--</option>
<option value="#999900">黄色</option>
<option value="#009966">绿色</option>
</Select><br><br>

</FORM>
<!-- 文本时钟 -->
<span id=clocks></span><br>

</BODY>
</HTML>


欢迎在此留下您的脚步






评论内容 (*必填):
(Ctrl + Enter 快速提交)