资源描述
塔里木大学信息工程学院
计算机12-3
陈浩 整理
目录
1．让文字不停地滚动 4
2．不同时间段显示不同问候语 4
3．让网页随意后退(这是写在BODY里的源码） 4
4．随机变换背景图象（一个可以刷新心情的特效） 5
5．文字效果向上的效果 5
6．鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明 6
7．时钟 7
8．状态栏的打字效果 8
9．统计访问次数 9
10．页面中登陆FTP 10
11．图片渐渐显示 12
12．图片大小随鼠标触碰而变化 12
13．页面自动滚屏效果 12
14．文字从天而降 13
15．百页窗效果 19
16．舞台光柱照射效果 21
17．各种用途的按钮大集合 21
18．自动刷新网页 23
19．保护自己的页面不被别人放在框架中 23
20．打字机打彩色文字 23
21．鼠标激活警告框 25
23．彩色滚动条 27
24．跳出小窗口 27
25．很酷的类似鼠标跟随的遮照效果 27
26．在一个Textarea框中,文字逐个输出,而且自动换行和刷屏 28
27．鼠标键值表 30
28．非常实用的随机产生用户密码脚本 30
29．鼠标带图像效果 33
30．一个很好的文字效果 62
31．打把游戏 65
32．超酷文字下落效果 72
33．多格式下拉菜单 77
34．文字的变换导航 79
35．随机文字显示 85
36．链接使图片变换 85
37．banner变换导航 87
38．实用下拉导航条 88
39．不间断滚动的处理 93
40．相同地方滚动新闻 95
41．图片的任意方向移动(窗帘效果） 97
42．很酷的图片集旋转显示 99
43．小巧实用的鼠标时钟 102
44．上下滚动的文字 109
45．怎样去掉图片链接点击后，图片周围的虚线？ 110
46．怎样让表单没有凹凸感？ 113
47．<div><span>&<layer>的区别？ 113
48．让弹出窗口总是在最上面 113
49.不要滚动条? 114
50．怎样去掉图片链接点击后，图片周围的虚线？ 114
51．电子邮件处理提交表单 114
52．在打开的子窗口刷新父窗口的代码里如何写？ 114
53．如何设定打开页面的大小 115
54．在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 115
55．检查一段字符串是否全由数字组成 115
56. 获得一个窗口的大小 115
57．怎么判断是否是字符 115
58．TEXTAREA自适应文字行数的多少 116
59. 日期减去天数等于第二个日期 116
60. 选择了哪一个Radio 116
61．脚本永不出错 117
62．ENTER键可以让光标移到下一个输入框 117
63. 检测某个网站的链接速度： 117
64. 各种样式的光标 118
65．页面进入和退出的特效 119
66．在规定时间内跳转 120
67．网页是否被检索 120
68．可移动的页面窗口 120
69．隐藏层的打开关闭 121
70．用鼠标弹出隐藏层 123
71．文字整屏下坠 127
72．可显示隐藏的层 129
73．花絮向右飞舞(有下雪的感觉） 132
74．有点象游戏中的聊天窗口 134
75．模拟下雪景象 138
76．极具创意的小球 139
77．页面闪电效果 146
78．巨酷的东西！ 152
79．会自动消失的层 159
80．页面上出现随意舞动的星 161
81．招牌文字特效 164
82．固定的广告牌 168
83．打开页面特效（缩小方块） 173
84．打开页面特效(一)（上下分开） 174
85．打开页面特效(二)（开门特效） 176
86．页面左右象百页窗一样地打开，也非常好看，赶快用吧 178
87．页面象马赛克一样一块一块地慢慢打开，效果非常棒的 180
88．可以用来做首页的诸多特效 184
89．向右移屏 194
90．缩进式的导航条 195
91．获得系统时间 200
92．取得来访用的IP 200
93．获得系统,浏览器版本 201
94．去除IE混动条 201
95．进入网站,跳出广告 201
96．随机数 201
97．向上混动代码 201
98.自动关闭网页 202
99.随机背景音乐 202
100．自动刷新本页面 202
101．ACCESS数据库连接 203
102．SQL数据库连接 203
103．用键盘打开网页代码 204
104．让层不被控件复盖代码 204
105．动网FLASH广告代码 204
106．VBS弹出窗口小代码 205
107．使用FSO修改文件特定内容的函数 205
108．使用FSO读取文件内容的函数 205
109．使用FSO读取文件某一行的函数 206
120．使用FSO写文件某一行的函数 206
121．使用FSO添加文件新行的函数 207
122.读文件最后一行的函数 207
124．点击返回上页代码 212
125．点击刷新代码 212
126．点击刷新代码 212
127．弹出警告框代码 213
128．状态栏信息 213
129．背景色变换 213
130．点击打开新窗口 214
131．分页代码 214
132．name 属性 217
133．http-equiv属性 218
1．让文字不停地滚动
<MARQUEE>滚动文字</MARQUEE>
2．不同时间段显示不同问候语
(放在SCRIPT中，然后将多余的SCRIPT情节去除）
<Script Language="JavaScript">
<!--
var text=""; day = new Date( ); time = day.getHours( );
if (( time>=0) && (time < 7 ))
text="夜猫子，要注意身体哦！ "
if (( time >= 7 ) && (time < 12))
text="今天的阳光真灿烂啊，你那个朋友呢？"
if (( time >= 12) && (time < 14))
text="午休时间。您要保持睡眠哦！"
if (( time >=14) && (time < 18))
text="祝您下午工作愉快！ "
if ((time >= 18) && (time <= 22))
text="您又来了，可别和MM聊太久哦！"
if ((time >= 22) && (time <24))
text="您应该休息了！"
document.write(text)
//--->
</Script>
3．让网页随意后退(这是写在BODY里的源码）
<a href="javascript:history.go(-X)">X</a> //把X换成你想要后退在页数
//把“-”变成“+”就为前进
3．鼠标指向时弹出信息框
在<body></body>之间加上如下代码：
<a href onmouseover="alert('欢迎进入帝国师')">帝国师</a>
4．随机变换背景图象（一个可以刷新心情的特效）
在<head></head>之间加上如下代码：
<Script Language="JavaScript">
image = new Array(4); //定义image为图片数量的数组
image [0] = 'tu0.gif' //背景图象的路径
image [1] = 'tu1.gif'
image [2] = 'tu2.gif'
image [3] = 'tu3.gif'
image [4] = 'tu4.gif'
number = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
5．文字效果向上的效果
<table border="1" bordercolor="#000000" bgcolor="#6699ff" cellpadding="5" cellspacing="0">
<tr>
<td>
<script language=javascript>
document.write ("<marquee scrollamount='1' scrolldelay='30' direction= 'UP' width='200' id='helpor_net' height='150' onmouseover='helpor_net.stop()' onmouseout='helpor_net.start()' Author:redriver; For more,visit:>")
document.write ("<h2><p align='center'><font color='#ffffff' face='黑体'>偶 然</font></h2>")
document.write ("<p align='right'><a href='#' target='_blank'><font color='#ffffff'>徐志摩</font></a> ")
document.write ("<p><font color='#ffffff'> ")
document.write ("<br>我是天空里的一片云，")
document.write ("<br>偶尔投影在你的波心-- ")
document.write ("<br>你不必讶异, ")
document.write ("<br>更无须欢喜-- ")
document.write ("<br>在转瞬间消灭了踪影。")
document.write ("<br>")
document.write ("<br>你我相逢在黑暗的海上，")
document.write ("<br>你有你的，我有我的，方向；")
document.write ("<br>你记得也好， ")
document.write ("<br>最好你忘掉， ")
document.write ("<br>在这交会时互放的光亮！ ")
document.write ("</font>")
document.write ("</marquee> ")
</script>
</td>
</tr>
</table>
6．鼠标放到链接上就会出现一个说明框，里面有滚动的文字说明
<a href="可以输入网址" target="_blank" onMouseOver="helpor_net_show(this,event,'看到了吧？')" onMouseOut="helpor_net_hide()">把鼠标放上来试试</a>
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!--
if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid #3399ff">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function helpor_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//-->
</SCRIPT>
7．时钟
<span id="liveclock" style"=width: 109px; height: 15px"></span>
<SCRIPT language=javascript>
function www_helpor_net()
{
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()
if(minutes<=9)
minutes="0"+minutes
if(seconds<=9)
seconds="0"+seconds
myclock="现在时刻：<font size='5' face='Arial black'>"+hours+":"+minutes+":"+seconds+"</font>"
if(document.layers){document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}else if(document.all)
liveclock.innerHTML=myclock
setTimeout("www_helpor_net()",1000)
}
www_helpor_net();
//-->
</SCRIPT>
8．状态栏的打字效果
<script language="JavaScript">
var msg = "欢迎来到网页特效世界，请多提意见。谢谢! " ;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq >= len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
</script>
9．统计访问次数
<SCRIPT language="JavaScript">
<!--
function www_helpor_net(offset)
{
var endstr=document.cookie.indexOf(";",offset);if(endstr==-1)
endstr=document.cookie.length;return unescape(document.cookie.substring(offset,endstr));}
function GetCookie(name)
{
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;while(i<clen)
{
var j=i+alen;
if(document.cookie.substring(i,j)==arg)
return www_helpor_net(j);
i=document.cookie.indexOf(" ",i)+1;if(i==0)
break;
}
return null;
}
function SetCookie(name,value)
{
var argv=SetCookie.arguments;
var argc=SetCookie.arguments.length;
var expires=(2<argc)?argv[2]:null;
var path=(3<argc)?argv[3]:null;
var domain=(4<argc)?argv[4]:null;
var secure=(5<argc)?argv[5]:false;
document.cookie=name+"="+escape(value)+((expires==null)?"":("; expires="+expires.toGMTString()))+((path==null)?"":("; path="+path))+((domain==null)?"":("; domain="+domain))+((secure==true)?"; secure":"");
}
var expdate=new Date();
var visits;
expdate.setTime(expdate.getTime()+(24*60*60*1000*365)); //设置COOKIES时间为1年,自己随便设置该时间
if(!(visits=GetCookie("visits")))
visits=0;visits++;SetCookie("visits",visits,expdate,"/",null,false);
//以下信息显示可以使用标准的HTML语法,自己随便设置
document.write("你已经光临本页"+"<FONT COLOR=red>"+visits+"</FONT>"+"次！");
if(visits==1)//来访1次的信息显示
document.write("<br>"+"欢迎光临本站，觉得本站内容如何？");
if(visits==2)//来访2次的信息显示，以下类推，自己随便增加
document.write("<br>"+"再次光临不胜容幸!今后要常来啊！欢迎点击本站广告。");
if(visits==3)
document.write("<br>"+"常客，在本站的论坛发个帖子如何？");
if(visits==4)
document.write("<br>"+"你这个疯子!");
if(visits>=5)
document.write("<br>"+"疯狂的家伙!我真的非常喜欢你。");
//-->
</SCRIPT>
10．页面中登陆FTP
<script janguage="javascript">
<!--
function goFtpSite() {
document.location.href = "ftp://" + document.ftp.login.value + ":" + document.ftp.password.value + "@" + document.ftp.url.value;
}
//-->
</script>
<form name="ftp">
<table border="0" cellpadding="1" cellspacing="1" align="center" width="304">
<tr>
<td width="296">
<table border="0" cellspacing=0 cellpadding=5 align="center" width="292">
<tr bgcolor="#b5e1ff">
<td width="75" align="right"> <font face="arial,helvetica" size="-1" color="#008080">
Ftp:// </font> </td>
<td width="193"> <font face="arial,helvetica" size="-1">
<input type="text" size=30 name="url" style="border: 1 solid #0099FF">
</font> </td>
</tr>
<tr bgcolor="#ddf1ff">
<td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080">UserName:
</font> </td>
<td width="193"> <font face="arial,helvetica" size="-1">
<input type="text" size="15" name="login" maxlength="20" style="border: 1 solid #0099FF">
</font> </td>
</tr>
<tr bgcolor="#b5e1ff">
<td align="right" width="75"> <font face="arial,helvetica" size="-1" color="#008080">
Password: </font> </td>
<td width="193"> <font face="arial,helvetica" size="-1">
<input type="password" size="15" name="password" maxlength="20" style="border: 1 solid #0099FF">
</font></td>
</tr>
<tr bgcolor="#ddf1ff">
<td colspan="2" align="center" width="280"> <font face="arial,helvetica" size="-2">
<input type=button onclick="goFtpSite();" value="登录" style="background-color: #0099FF; color: #FFFFFF; border: 1 solid #0099FF">
<input type=reset value="重写" style="color: #FFFFFF; background-color: #0099FF; border: 1 solid #0099FF">
</font> </td>
</tr>
</table>
</td>
</tr>
</table>
</form>
11．图片渐渐显示
<img src=" border="1" id="helpor_net" style="visibility:hidden; FILTER:revealTrans(Duration=4.0, Transition=23);">
<SCRIPT FOR="window" EVENT="onLoad" LANGUAGE="vbscript">
helpor_net.filters.item(0).apply()
helpor_net.filters.item(0).transition = 12
helpor_net.Style.visibility = ""
helpor_net.filters(0).play(2.0)
</SCRIPT>
12．图片大小随鼠标触碰而变化
<span id="s1" style = "width : 150"><a href="" target="_blank" onmouseover="www_helpor_net.style.width='200';" onmouseout="www_helpor_net.style.width= '150';"><Img src=" id="www_helpor_net"></a></span>
13．页面自动滚屏效果
<body onLoad="scrollit()">
<SCRIPT language="JavaScript">
<!--
function scrollit(){
for (I=1; I<=500; I++){
self.scroll(1,I)
}
}
//-->
</SCRIPT>
14．文字从天而降
<p www_helpor_net="dropWord" style="position: relative !important; left: 10000 !important" align="center"><font size="3" color="#ee00FF">很 好 玩 吧 ! 有 没 有 吓 一 跳 ?</font><font size="7" face="Arial" color="#FF0000"><b>YES!</b></font></p>
<SCRIPT language="JavaScript">
<!--
dynamicanimAttr = "www_helpor_net"
animateElements = new Array()
currentElement = 0
speed = 0
stepsZoom = 8
stepsWord = 8
stepsFly = 12
stepsSpiral = 16
steps = stepsZoom
step = 0
outString = ""
function helpor_net()
{
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))
{
for (index=document.layers.length-1; index >= 0; index--)
{
layer=document.layers[index]
if (layer.left==10000)
layer.left=0
}
}
return
}
for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if(null != animation)
{
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
{
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, "")
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, true, animation)
if(i2 == iend)
break
i1 = i2
}
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
if(animation == "zoomIn" || animation == "zoomOut")
{
ih = el.innerHTML
outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
outString += ih
outString += "</SPAN>"
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
}
}
i = 0
for (index=document.body.sourceIndex; index < document.all.length; index++)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if (null != animation)
{
if(animation == "flyLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyRight")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyTop" || animation == "dropWord")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyBottom")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
