一个不错的javascript代码页
<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>
版权声明：
作者：Kiyo
链接：https://www.wkiyo.cn/html/2008-01/i176.html
来源：Kiyo's space
文章版权归作者所有，未经允许请勿转载。
共有 0 条评论