返回列表 回复 发帖
cnnas

管理员

Rank: 9Rank: 9Rank: 9
1#
打印
tT
发表于 2007-11-4 00:34 | 只看该作者

网页特效汇总|网页设计当中的技巧多例

1.  将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body > 取消选取、防止复制
3.  不准粘贴
4.   防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为
11. <input type=button value=查看网页源代码
>
12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>
13. 取得控件的绝对位置
//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"\nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>
14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" >
15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<ARAM NAME="Command" value="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark
Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。
Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动
Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的
Const adCmdText = &H0001
Const adCmdTable = &H0002
%>
18. 网页不会被缓存
HTM网页
<META HTTP-EQUIV="pragma" C>
<META HTTP-EQUIV="Cache-Control" C>
<META HTTP-EQUIV="expires" C>
或者<META HTTP-EQUIV="expires" C>
ASP网页
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachec
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("ragma: no-cache");
19. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return str.match(/\D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
21. 怎么判断是否是字符
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
22.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 >
</textarea>
23. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>
24. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" >
</BODY></HTML>
25.获得本页url的request.servervariables("")集合
Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>"
for each ob in Request.ServerVariables
Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"
next
Response.Write "</TABLE>"
26.
本机ip<%=request.servervariables("remote_addr")%>
服务器名<%=Request.ServerVariables("SERVER_NAME")%>
服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>
服务器端口<%=Request.ServerVariables("SERVER_PORT")%>
服务器时间<%=now%>
IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>
脚本超时时间<%=Server.ScriptTimeout%>
本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %>
服务器操作系统<%=Request.ServerVariables("OS")%>
27.ENTER键可以让光标移到下一个输入框
<input >
28. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中......> =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 onerror=auto('http://";+autourl+"')>")}
run()</script>
29. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV="pragma" C>
<META HTTP-EQUIV="Cache-Control" C>
<META HTTP-EQUIV="expires" C>
或者<META HTTP-EQUIV="expires" C>
19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>
21.让弹出窗口总是在最上面:
<body >
22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>
23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" ><img src="logo.jpg" border=0></a>
24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()
26.如何设定打开页面的大小
<body >
打开页面的位置<body >
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>
28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 >
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>
33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" >
</BODY></HTML>
34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>
35.ENTER键可以让光标移到下一个输入框
<input >
36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url){
document.forms[0]["url"+b].value=url
if(tim>200)
{document.forms[0]["txt"+b].value="链接超时"}
else
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1
onerror=auto("http://"+autourl+"")>")}
run()</script>
37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.页面进入和退出的特效
进入页面<meta http-equiv="age-Enter" c>
推出页面<meta http-equiv="age-Exit" c>
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　 0 矩形缩小
　　 1 矩形扩大
　　 2 圆形缩小
　　 3 圆形扩大
　　 4 下到上刷新
　　 5 上到下刷新
　　 6 左到右刷新
　　 7 右到左刷新
　　 8 竖百叶窗
　　 9 横百叶窗
　　 10 错位横百叶窗
　　 11 错位竖百叶窗
　　 12 点扩散
　　 13 左右到中间刷新
　　 14 中间到左右刷新
　　 15 中间到上下
　　 16 上下到中间
　　 17 右下到左上
　　 18 右上到左下
　　 19 左上到右下
　　 20 左下到右上
　　 21 横条
　　 22 竖条
　　 23 以上22种随机选择一种
39.在规定时间内跳转
<META http-equiv=V="REFRESH" c>
40.网页是否被检索
<meta name="ROBOTS" c>
其中属性值有以下一些:
属性值为"all": 文件将被检索，且页上链接可被查询；
属性值为"none": 文件不被检索，而且不查询页上的链接；
属性值为"index": 文件将被检索；
属性值为"follow": 查询页上的链接；
属性值为"noindex": 文件不检索，但可被查询链接；
属性值为"nofollow": 文件不被检索，但可查询页上的链接。
41.加入收藏和设为首页
<A href="#" >设为首页</A>
| <a href="javascript:window.external.addFavorite('http://www.yoursite.com','你的网站名称')">加入收藏</a>
42.iframe高度自适应
<iframe src="d.htm" id="dd"></iframe>
在d.htm里：
<body  topmargin="0">
43、有滚动条的表格
<table width="260" border="0">
<tr><td bgcolor="#999999"><font color="#FFFFFF"><b>标题</b></font></td></tr>
<tr><td bgcolor="#CCCCCC">
<div style="overflow:auto;height:160;">
可以说，现在的这些制作主页的方式，Blog、Wiki、PHP + MySQL，或者传统的纯 HTML + CSS，没有一种是特别令人满意的。
</div>
</td></tr>
</table>
44、一段实现checkbox 单选的代码
一组名称相同的checkbox 但只能选择一个，或者取消选择。
把本函数链到选择框的onclick 事件上。。
function ChangeSelect(obj)
{
theForm=document.forms[0];
var oldStatus;
oldStatus = obj.checked;
for(i=0;i<theForm.elements.length;i++)
{
if(theForm.elements.name==obj.name)
{
theForm.elements.checked=false;
}
}
if(oldStatus)
obj.checked = true;
else
obj.checked = false;
return true;

}
45、怎样查找一个网站有多少网页登陆搜索引擎
搜索内容如下。
site:qh663.512j.com
46、网页背景音乐代码详解
网页背景音乐代码：
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐：
<bgsound src=china.mid loop="-1">
这种当网页最小化之后，音乐会消失
网页背景音乐的代码：
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码：
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小（width、heigh）、是否自动（autostart标记）、是否循环播放（loop标记），而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐，并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件
47、鼠标移动表格行变色
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
<td  >1</td>
</tr>
<tr>
<td width="20%" nowrap class="txt_middle"> </td>
</tr>
<tr>
<td class="txt_middle"> </td>
</tr>
</table>
48、防止表格撑破
<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td>
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td>是 一 套 快 捷、? ? 的?? ? 系 ?。本 系 ? ? ? 中 小 型 企 ? ? 理 繁 重 的 ? 票、? 收 ? 及 存 ? 管 理 工 作 而 ? ? 的，具 ? 大 量 ? 用 功 能。? ? ? ? ? 的 商 ? ? 境，尖 端 ? ? 存 系 ? 提 供 多 ? ?、多 ? 言 等 多 ? 先 ? 功 能 ，同 ? ? 用 了 友 善 的 ? 窗 介 面，使 用 ? 能 ? 短 ? ? ? 掌 握 使 用 方 法。本 系 ? 亦 </td>
</tr>
</table>
fdsf
</td>
</tr>
</table>
49.本地无缓存，每次自动刷新
response.expires=0
response.addHeader "pragma" , "no-cache"
response.addHeader "cache-control" , "private"
50.修改contentType并下载gif等格式
<%
function dl(f,n)
on error resume next
set s=CreateObject("Adodb.Stream")
S.Mode=3
S.Type=1
S.Open
s.LoadFromFile(server.mappath(f))
if err.number>0 then
response.write err.number & ":" & err.description
else
response.c
response.addheader "Content-Disposition:","attachment; filename=" & n
response.binarywrite(s.Read(s.size))
end if
end function
call dl("012922501.gif","t1.gif")
%>
19. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return !/\D/.test(str)}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight
document.body.offsetWidth,document.body.offsetHeight
有时还需要知道window.screenTop,window.screenLeft
21. 怎么判断是否含有汉字
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符");
22.TEXTAREA自适应文字行数的多少
IE 5.5+ 可以用 overflow-y:visible
<textarea rows=1 name=s1 cols=27 style="overflow-y:visible">
</textarea>
23. 日期减去天数等于第二个日期
<script language=javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var d = new Date(dd.replace("-","/"))
d.setDate(d.getDate()+dadd)
alert(d.getFullYear() + "年" + (d.getMonth() + 1) + "月" + d.getDate() + "日")
}
cc("2002-2-28",2)
</script>
posted @ 11:39 AM | Feedback (1)
12,Q:怎样在网页中加入多媒体播放?
A:有些多媒体文件无需其他程序就可以播放， 而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序，那么浏览器会自动去下载。 要加入多媒体格式,可加入如下代码： 　
〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉
30,Q:怎样在网页上显示多少人在线(on-line)?
A:只要你的网站支持 ASP，那么在网站的根目录中放置以下内容的 Global.asa 文件，问题就解决了。将语句 〈% response.write "现在有 " & Application("WhosOn") & " 人在线。" %〉 放在你的 ASP 网页中用于显示在线人数。
网页:
<%@language=VBscript%>
<Html>
<head>
<title>
显示在线人数
</title>
</head>
<body>
<center>
欢迎光临本网站,当前共有<%=Application("OnLine")%>在线
</center>
</body>
Global.asa:
<SCRIPT LANGUAGE="VBScript" RUNAT="Server">
Sub Application_OnStart
Session.Timeout=1
Application.Lock
Application("WhosOn") = 0
Application.UnLock
End Sub

Sub Session_OnStart
Application.Lock
Application("WhosOn") = Application("WhosOn") + 1
Application.UnLock
End Sub

Sub Session_OnEnd
Application.Lock
Application("WhosOn") = Application("WhosOn") - 1
Application.UnLock
End Sub
</SCRIPT>
34,Q:自动滚动屏幕文字：
A:
<Script Language="JavaScript">
var position = 0;
function scrollit()
{
if (position != 640 ){
position++;
scroll(0,position);
clearTimeout(timer);
var timer=setTimeout("scrollit()",25);
timer;
}
}
</Script>
以上脚本加在〈Head〉〈/Head〉中间，再在〈BODY〉属性中加 。
34,Q:自动滚动屏幕文字：
A:
<Script Language="JavaScript">
var position = 0;
function scrollit()
{
if (position != 640 ){
position++;
scroll(0,position);
clearTimeout(timer);
var timer=setTimeout("scrollit()",25);
timer;
}
}
</Script>
以上脚本加在〈Head〉〈/Head〉中间，再在〈BODY〉属性中加 。
35,Q:“下雨”JavaScript 脚本：
A:将以下脚本放在〈Body〉〈/Body〉中间即可：
  1. <Script Language="JavaScript">
  2. <!-- Begin
  3. var no = 50;
  4. var speed = 1;
  5. var ns4up = (document.layers) ? 1 : 0;
  6. var ie4up = (document.all) ? 1 : 0;
  7. var s, x, y, sn, cs;
  8. var a, r, cx, cy;
  9. var i, doc_width = 800, doc_height = 600;
  10. if (ns4up) {
  11. doc_width = self.innerWidth;
  12. doc_height = self.innerHeight;
  13. }
  14. else
  15. if (ie4up) {
  16. doc_width = document.body.clientWidth;
  17. doc_height = document.body.clientHeight;
  18. }
  19. x = new Array();
  20. y = new Array();
  21. r = new Array();
  22. cx = new Array();
  23. cy = new Array();
  24. s = 8;
  25. for (i = 0; i < no; ++ i) {
  26. initRain();
  27. if (ns4up) {
  28. if (i == 0) {
  29. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  30. document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
  31. document.write(",</font></layer>");
  32. }
  33. else {
  34. document.write("<layer name=\"dot"+ i +"\" left=\"1\" ");
  35. document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">");
  36. document.write(",</font></layer>");
  37. }
  38. }
  39. else
  40. if (ie4up) {
  41. if (i == 0) {
  42. document.write("<div id=\"dot"+ i +"\" style=\"OSITION: ");
  43. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  44. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
  45. document.write(",</font></div>");
  46. }
  47. else {
  48. document.write("<div id=\"dot"+ i +"\" style=\"OSITION: ");
  49. document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
  50. document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">");
  51. document.write("’</font></div>"); //设定雨点的字符
  52. }
  53. }
  54. }
  55. function initRain() {
  56. a = 6;
  57. r = 1;
  58. sn = Math.sin(a);
  59. cs = Math.cos(a);
  60. cx = Math.random() * doc_width + 1;
  61. cy = Math.random() * doc_height + 1;
  62. x = r * sn + cx;
  63. y = cy;
  64. }
  65. function makeRain() {
  66. r = 1;
  67. cx = Math.random() * doc_width + 1;
  68. cy = 1;
  69. x = r * sn + cx;
  70. y = r * cs + cy;
  71. }
  72. function updateRain() {
  73. r += s;
  74. x = r * sn + cx;
  75. y = r * cs + cy;
  76. }
  77. function raindropNS() {
  78. for (i = 0; i < no; ++ i) {
  79. updateRain();
  80. if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {
  81. makeRain();
  82. doc_width = self.innerWidth;
  83. doc_height = self.innerHeight;
  84. }
  85. document.layers["dot"+i].top = y;
  86. document.layers["dot"+i].left = x;
  87. }
  88. setTimeout("raindropNS()", speed);
  89. }
  90. function raindropIE() {
  91. for (i = 0; i < no; ++ i) {
  92. updateRain();
  93. if ((x <= 1) || (x >= (doc_width - 20)) || (y >= (doc_height - 20))) {
  94. makeRain();
  95. doc_width = document.body.clientWidth;
  96. doc_height = document.body.clientHeight;
  97. }
  98. document.all["dot"+i].style.pixelTop = y;
  99. document.all["dot"+i].style.pixelLeft = x;
  100. }
  101. setTimeout("raindropIE()", speed);
  102. }
  103. if (ns4up) {raindropNS(); }
  104. else
  105. if (ie4up) {raindropIE(); }
  106. // End -->
  107. </Script>
复制代码
36,Q:“地震”JavaScript 脚本：
A:将以下脚本放在〈Body〉〈/Body〉中间即可：
  1. <script language="JavaScript1.2">
  2. <!--
  3. function shake(n)
  4. {
  5. if (window.top.moveBy)
  6. {for (i = 10; i > 0; i--)
  7. {for (j = n; j > 0; j--)
  8. {window.top.moveBy(0,i);
  9. window.top.moveBy(i,0);
  10. window.top.moveBy(0,-i);
  11. window.top.moveBy(-i,0);
  12. }
  13. }
  14. }
  15. }
  16. //-->
  17. </script>
复制代码
<form><input  type="button" value="地震啦！"></form>
37,Q:一个用 JavaScript 实现的简陋的计算器：
A:全部代码如下：
  1. <html>
  2. <head>
  3. <script language="JavaScript">
  4. <!--
  5. function compute(obj)
  6. {obj.expr.value = eval(obj.expr.value)}
  7. var one = '1'
  8. var two = '2'
  9. var three = '3'
  10. var four = '4'
  11. var five = '5'
  12. var six = '6'
  13. var seven = '7'
  14. var eight = '8'
  15. var nine = '9'
  16. var zero = '0'
  17. var plus = '+'
  18. var minus = '-'
  19. var multiply = '*'
  20. var divide = '/'
  21. var decimal = '.'
  22. function enter(obj, string)
  23. {obj.expr.value += string}
  24. function clear(obj, string)
  25. {obj.expr.value = ''}
  26. //-->
  27. </script>
  28. </head>
  29. <body>
  30. <form name="calc">
  31. <table border=1>
  32. <tr align="right">
  33. <td colspan=4><input name="expr" action="compute(this.form)"></td>
  34. </tr>
  35. <tr align=center>
  36. <td><input type="button" value=" 7 " ></td>
  37. <td><input type="button" value=" 8 " ></td>
  38. <td><input type="button" value=" 9 " ></td>
  39. <td><input type="button" value=" / " ></td>
  40. </tr>
  41. <tr align=center>
  42. <td><input type="button" value=" 4 " ></td>
  43. <td><input type="button" value=" 5 " ></td>
  44. <td><input type="button" value=" 6 " ></td>
  45. <td><input type="button" value=" * " ></td>
  46. </tr>
  47. <tr align=center>
  48. <td><input type="button" value=" 1 " >
  49. <td><input type="button" value=" 2 " >
  50. <td><input type="button" value=" 3 " >
  51. <td><input type="button" value=" - " ></td>
  52. </tr>
  53. <tr align=center>
  54. <td colspan=2><input type="button" value=" 0 " >
  55. <td><input type="button" value=" . " ></td>
  56. <td><input type="button" value=" + " ></td>
  57. </tr>
  58. <tr align=center>
  59. <td colspan=2><input type="button" value=" = " ></td>
  60. <td colspan=2><input type="button" value=" AC " size= 3 ></td>
  61. </tr>
  62. </table>
  63. </form>
  64. </body>
  65. </html>
复制代码
38,Q:在网页上实现“预览图”：
A:网页制做时，大的图片会消耗较长的下载时间，为了不使浏览者失去耐心，可以采用“预览图”(low source)的办法，即先下载一个“low source”，然后再下载真正需要显示的图片。在 Html 文档中标注“low source”的方法为：〈img src="需要显示的图片" lowsrc="预览图" width="x" height="y"〉(其中 width 和 height 是需要显示的图片的宽度和高度。如果不加 width 和 height 属性，浏览器视为以较小图片作为长宽尺寸。)
实现“预览图”还有一个方法，就是将预览图做成一个链接，如果用户愿意，可以点击它，再观看真正的图片，格式是：
<a href="需要显示的图片"><img src="预览图" width=x height=y border=0></a>
39,Q:闪亮的链接：
A:
  1. <a href="linkto" name="link1" style="text-decoration:underline;color:green;">闪亮的链接</a>
  2. <script language="JavaScript">
  3. <!-- 这段脚本放在链接的后面
  4. function flashit()
  5. {
  6. if (!document.all) return
  7. if (link1.style.color=="green")
  8. link1.style.color="red"
  9. else
  10. link1.style.color="green"
  11. }
  12. setInterval("flashit()", 400)
  13. //-->
  14. </script>
复制代码
40,Q:在网页中添加“添加到收藏夹”“设为首页”功能(似乎只能在 IE5.0 以上版本使用?)：
A:添加到收藏夹：〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉
设为首页：〈a href=# onclick=this.style.behavior='url(#default#homepage)';this.setHomePage('http://链接');〉设为首页〈/a〉
41,Q:定制浏览器地址栏前的小图标：
A:在网页的〈head〉〈/head〉间加入以下语句：〈link rel="shortcuticon" href="http://…/icon.ico"〉即可。其中 icon.ico 为 16x16 的图标文件，颜色不要超过 16 色。
42,Q:给超链接、表单、表格等网页元素加上动态说明：
A:网页中的图片可以用〈img alt="说明"〉 加上注释，其它元素页可以加上注释说明，方法是用 title 属性。如：
〈a href="" title="说明"〉；〈input title="说明"〉；〈table title="说明"〉…〈/table〉
43,Q:用曾叠式样式表(css)定制按钮的鼠标形状(cursor)：
A:<input type="button" style="cursor:hand;">，这样，当鼠标移到按钮上时，会变成一个“手”形，和移到超级链接上一样。cursor 后的参数很多，列在下边：
hand 手型
crosshair 十字型
text 移动到文本上的那种效果(I 形)
wait 等待的那种效果(沙漏)
default 默认效果
help 问号
e-size 向右的箭头
ne-resize 向右上的箭头
n-resize 向上的箭头
nw-resize 向左上的箭头
w-resize 向左的箭头
sw-resize 向左下的箭头
s-resize 向下的箭头
se-resize 向右下的箭头
auto 由系统自动给出效果
45,Q:加速网页加载的技巧：
A:当浏览者停留在一个网站的主页上时，其它页面的下载是停止的，这样时间就白白浪费了。我们可以将主页分成两个帧，一个帧显示主页，将另一个帧隐藏后“偷偷”地下载其它页面，在硬盘里缓存起来。这样，当浏览者浏览到别的页面时，浏览器就是从硬盘里调用数据了。
46,Q:让网页的背景图片动起来(Vbscript)：
A:
  1. <SCRIPT language="VBScript">
  2. dim c,numgc
  3. c=-100000
  4. numgc=document.body.sourceIndex
  5. sub SF
  6. c=c+2
  7. Document.all(numgc).style.BackgroundPosition="0 " & c
  8. id=SetTimeOut("SF",64,"VBScript")
  9. end sub
  10. SF
  11. </SCRIPT>
复制代码
47,Q:用 JavaScript 控制浏览器窗口大小：
A:有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：
  1. <SCRIPT LANGUAGE="JavaScript">
  2. function Minimize()
  3. {
  4. window.innerWidth = 100;
  5. window.innerHeight = 100;
  6. window.screenX = screen.width;
  7. window.screenY = screen.height;
  8. alwaysLowered = true;
  9. }
  10. function Maximize()
  11. {
  12. window.innerWidth = screen.width;
  13. window.innerHeight = screen.height;
  14. window.screenX = 0;
  15. window.screenY = 0;
  16. alwaysLowered = false;
  17. }
  18. </SCRIPT>
复制代码
<A HREF="javascriptnClick=Minimize()">Minimize</A>
<A HREF="javascriptnClick=Maximize()">Maximize</A>
　 上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascriptnClick=Minimize()"〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。
　 注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。
48,Q:网页的定时转向和定时刷新?
A:在网页的 <Head></Head> 间加入 <meta http-equiv="refresh" c> 就会使网页在 10 秒后自动转向到网址 http://…… 去。特殊情况是，如果没有 url=…… 一项，网页就会每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了这种技术，但屏幕看起来有些闪烁感。
49,Q:上传主页的一个技巧：
A:如果你做主页时是假设网站的主文件为 index.htm，网页中的所有链接也默认主页为 index.htm。但当你上传主页时发现网站的主文件为 index.html，那么你是不是需要一个一个地去修改许多网页中的链接呢? NO! 这时你只要在网站建立一个 index.html 文件，其中放以下一条语句就可以了：
??
52,Q:让 IE 浏览器的标题条文字动起来?
A:在网页的 <head></head> 之间加入以下 VbScript 脚本即可：
  1. <Script language="vbscript">
  2. msg="十万个为什么-计算机应用技巧大全"
  3. l=len(msg)
  4. i=l-3
  5. sub movetitle()
  6. title=right(msg,l-i)+left(msg,i)
  7. top.document.title=title
  8. i=(i+1) mod l
  9. end sub
  10. speed = 10 '毫秒
  11. a=setInterval("movetitle()",speed)
  12. </Script>
复制代码
53,Q:网页中 IFRAME 帧的使用(在网页中构造小“窗口”方法之一)：
A:用标签 <IFRAME></IFRAME> 可以在网页中构造小“窗口”，显示指定 URL 的网页，语法如下：
<IFRAME SRC="" width="500" height="200" marginwidth="0" marginheight="110" hspace="10" vspace="20" frameborder="0" scrolling="1">
</IFRAME>
(注1：可以用此法在网页中制作网页效果演示。
注2：相关知识：如果要在网页中开一个“窗口”，显示一段文本，可以使用:
<form>
<textarea name="S1" rows="高" cols="宽"></textarea>
</form>)
54,Q:在网页中构造小“窗口”方法之二: 使用 ActiveX 控件：
A:
  1. <object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">
  2. <param name="Location" value="http://100000.home.sohu.com">
  3. <param name="AlignLeft" value="0"><param name="AutoSize" value="0">
  4. <param name="AutoSizePercentage" value="10">
  5. <param name="AutoArrange" value="1">
  6. <param name="NoClientEdge" value="1">
  7. <param name="ViewMode" value="0">
  8. </object>
复制代码
55,Q:当鼠标移动到表格上时，表格背景色改变:
A:在网页的 <body></body> 之间放如下代码即可实现：
  1. <script language="javascript">
  2. <!--
  3. function mOvr(src,clrOver)
  4. {
  5. if(!src.contains(event.fromElement))
  6. {src.style.cursor='hand';
  7. src.bgColor = clrOver;
  8. }
  9. }
  10. function mOut(src,clrIn)
  11. {
  12. if(!src.contains(event.toElement))
  13. {src.style.cursor='default';
  14. src.bgColor=clrIn; }
  15. }
  16. function mClk(src)
  17. { //执行单元格中的链接
  18. if(event.srcElement.tagName=='TD')
  19. {src.children.tags('A')[0].click();}
  20. }
  21. //-->
  22. </script>
  23. <table border="1" align=center>
  24. <tr>
  25. <td align="middle" height="17"   >
  26. <a href="http://www.cnnas.com" target="_blank" class="nav">链接变色</a>
  27. </td>
  28. </tr>
  29. <tr>
  30. <td  >无链接变色</td>
  31. </tr>
  32. </table>
复制代码
56,Q:打开网页时自动弹出欢迎窗口：
A:
  1. <script language="JavaScript">
  2. function Info()
  3. {if(!confirm("这是一个自动弹出的欢迎窗口" + "\n\n欢迎光临\n\n你可以试着加上一些其它的信息。"+"\n\n请按确定进入本页\n"+
  4. "\n按取消将返回上一页\n"))
  5. history.go(-1);
  6. return " "
  7. }
  8. document.writeln(Info()) //触发执行 Info() 函数
  9. </script>
复制代码
57,Q:鼠标触发网页的链接文字动态大小变化：
A:在网页的 <head></head> 之间加入以下样式表代码即可(免去了烦人的 Javascript 脚本)：
<style type="text/css">
<!--
A:visited {text-decoration:none; font-size:9pt; font-family:新细明体}
A:hover {text-decoration:underline; font-size:15pt; font-family: 黑体; color:ffffff; background-color:rgb(01,221,66)}
-->
</style>
59,Q:在网页上显示你是否 O'ICQ 在线:
A:在网页上加入 <img src=http://icon.tencent.com/9265822/s/ alt="On/Off O'ICQ"> 语句即可向浏览者显示你现在是否正连在 O'ICQ 上。其中 9265822 是 O'ICQ 号码，可以更换，s 换成 l 则显示大图标。还可以形如
<a href="http://search.tencent.com/cgi-bin/friend/user-show-info?ln=9365822">
<img src=http://icon.tencent.com/9265822/s/alt="On/Off O'ICQ">
</a>
来显示你的 O'ICQ 个人资料。
61,Q:自动显示网页的最后更新日期:
A:将以下代码放入网页中，会根据网页文件的存盘时间自动显示网页的更新日期:
<script>document.write(document.lastModified)</script>
73,Q:制作网页的目录式导航菜单
A:
(一)、把如下代码加入<head></head>区域中
  1. <head>
  2. <SCRIPT language=javascript>
  3. <!--
  4. function out()
  5. {
  6. if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
  7. menu.style.visibility="hidden";
  8. }
  9. function out1()
  10. {
  11. if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
  12. menu1.style.visibility="hidden";
  13. }
  14. //-->
  15. </SCRIPT>
  16. </head>
复制代码
(二)、把如下代码加入<body>区域中
  1. <div id="back"  style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
  2. <span id="menubar" >
  3. <font color=red size=2>菜单
  4. </span>
  5. <div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
  6. <a id="link" href="rjxz.htm">软件下载</a>
  7. <a id="link" href="yxxz.htm">有喜下载</a>
  8. <a id="link" href="hjsj.htm">黄金书记</a>
  9. <a id="link" href="mntk.htm">美女偷裤</a>
  10. <a id="link" href="mp3.htm">MP3金曲</a>
  11. <a id="link" href="flash.htm">FLASH</a>
  12. </div>
  13. </div>
  14. <div id="back"  style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
  15. <span id="menubar" >
  16. <font color=red size=2>菜单
  17. </span>
  18. <div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
  19. <a id="link" href="rjxz.htm">软件下载</a>
  20. <a id="link" href="yxxz.htm">游戏下载</a>
  21. <a id="link" href="hjsj.htm">黄金书籍</a>
  22. <a id="link" href="mntk.htm">美女图库</a>
  23. <a id="link" href="mp3.htm">MP3金曲</a>
  24. <a id="link" href="flash.htm">FLASH动画欣赏</a>
  25. </div>
  26. </div>
复制代码
74,Q:网页文字颜色的搭配技巧
A:对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。
　　 一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。
　　 Bgcolor:″＃F1FAFA″??做正文的背景色好，淡雅
　　 Bgcolor:″＃E8FFE8″??做标题的背景色较好，与上面的颜色搭配很协调
　　 Bgcolor:″＃E8E8FF″??做正文的背景色较好，文字颜色配黑色
　　 Bgcolor:″＃8080C0″??上配黄色白色文字较好
　　 Bgcolor:″＃E8D098″??上配浅蓝色或蓝色文字较好
　　 Bgcolor:″＃EFEFDA″??上配浅蓝色或红色文字较好
　　 Bgcolor:″＃F2F1D7″??配黑色文字素雅，如果是红色则显得醒目
　　 Bgcolor:″＃336699″??配白色文字好看些
　　 Bgcolor:″＃6699CC″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃66CCCC″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃B45B3E″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃479AC7″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃00B271″??配白色文字好看些，可以做标题
　　 Bgcolor:″＃FBFBEA″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃D5F3F4″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃D7FFF0″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃F0DAD2″??配黑色文字比较好看，一般作为正文
　　 Bgcolor:″＃DDF3FF″??配黑色文字比较好看，一般作为正文
　　 浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。
以上配色方案仅供参考。
75,Q:IFRAME 标签的属性参数
A:
<Iframe src="example.htm" width="300" heitht="100"></IFRAME>
example.htm 是被嵌入的页面，标签 <IFRAME> 还有一些可用的参数设置如下：
marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是 pix，下同。
marginheight:网页中内容在表格顶部预留的高度；
hspace:网页右上角的的横坐标；
vspace:网页右上角的纵坐标；
frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"
scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
76,Q:使用表格时应注意那些问题?
A:1、整个表格不要都套在一个表格里，尽量拆分成多个表格，可以加快显示速度；
2、表格的嵌套层次尽量要少，最好嵌套表格不超过 3 层，这样可以加快浏览器解释 html 脚本代码的时间；
3、单一表格的结构尽量整齐；
4、表格的 width=100% 可以使表格适应浏览器不同的分辨率；
5、用表格进行版面布局比用层来得更好一些。
6、同时设定表格背景图片和颜色。有一些版本的浏览器不显示表格背景图形，只显示缺省背景颜色，有的访问者关闭了多媒体图形选项来浏览，为了满足这部分来访者，最好同时设定表格背景图片和颜色；
77,Q:Javascript 文字特效一例
A:
  1. <script language="JavaScript">
  2. text = "十万个为什么网站"; //显示的文字
  3. color1 = "blue"; //文字的颜色
  4. color2 = "red"; //转换的颜色
  5. f; //字体大小
  6. speed = 200; //转换速度 (毫秒)
  7. i = 0;
  8. if (navigator.appName == "Netscape") {
  9. document.write("<layer id=a visibility=show></layer>


  12. ");
  13. }
  14. else {
  15. document.write("<div id=a></div>");
  16. }
  17. function changeCharColor()
  18. {if (navigator.appName == "Netscape") {
  19. document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
  20. for (var j = 0; j < text.length; j++) {
  21. if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
  22. else {document.a.document.write(text.charAt(j));}
  23. }
  24. document.a.document.write('</font></font></center>');
  25. document.a.document.close();
  26. }
  27. if (navigator.appName == "Microsoft Internet Explorer") {
  28. str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
  29. for (var j = 0; j < text.length; j++) {
  30. if( j == i) {
  31. str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
  32. }
  33. else {
  34. str += text.charAt(j);
  35. }
  36. }
  37. str += "</font></font></center>";
  38. a.innerHTML = str;
  39. }
  40. (i == text.length) ? i=0 : i++;
  41. }
  42. setInterval("changeCharColor()", speed);
  43. </script>
复制代码
83,Q:用 css 代码构造三维字
A:
  1. <HTML>
  2. <HEAD>
  3. <STYLE type=text/css>
  4. .3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative; WIDTH:100%}
  5. </STYLE>
  6. </head>
  7. <body>
  8. <font size=24 class=3dfont>这是三维字体</font>
  9. <font size=24>这不是三维字体</font>
  10. </body>
复制代码
85,Q:当刷新或 IE 时打开一个窗口
A:
  1. <head>
  2. <script>
  3. function openwin()
  4. { window.open('apage.htm')}
  5. </script>
  6. </head>
  7. <body >
复制代码
86,Q:网页中应用 open 函数打开窗口的一个技巧
A:window.open 函数应用在链接中可以有 2 种形式，即 <a href="javascript:window.open('page.htm','','')">…</a>
和 <a href=# >…</a>
但当该链接所在的网页在帧中时，就只能使用第二种，第一种会多产生 1 个包含无用信息的窗口。此外，第二种方法对于用图片做超链接也很方便，形式为 <img src="图片文件" >
87,Q:把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL，即 <body dir=RTL>。注意对于已经排好版的网页，会使网页左右产生镜像颠倒。实际上 RTL 即 Right to Left 的意思，它规定了网页中的文字方向。正常的网页文字方向默认为 LTR。
89,Q:网页上传后为什么看不到更新效果?
A:如果上传真的没有问题的话，请删掉本地机器中的网页临时缓冲文件试试。同时，有些网站(如 China.com)要在更新几十分钟到几小时之后才能看到更新结果。
90,Q:在 IE 子窗口能调用父窗口的函数(function)吗?
A:可以。例如，父窗口这样写：
……
<head>
<script> function F() { alert("父窗口函数"); } </script>
</head>
<body >
<input type=hidden id=F1 >
在子窗口中这样写：
<input type=button value="执行父窗口函数" >
或者干脆这样写：<input type=button value="执行父窗口函数2" ./images/smilies/default/shocked.gif" border=0 smilieid="6">pener.F()">
91,Q:在 Windows 桌面上建立网站链接的快捷方式
A:
  1. <script language="Javascript">
  2. var WshShell = new ActiveXObject("WScript.Shell");
  3. strDesktop = WshShell.SpecialFolders("Desktop");
  4. var oUrlLink = WshShell.CreateShortcut(strDesktop + "\\十万个为什么.url");
  5. oUrlLink.TargetPath = "http://100000.home.sohu.com";
  6. oUrlLink.Save();
  7. </script>
复制代码
92,Q:在桌面上建立应用程序的快捷方式
A:以在桌面上建立 Notepad.exe 的快捷方式为例：
  1. <Script language="Javascript">
  2. var WSHShell = WScript.CreateObject("WScript.Shell");
  3. //Read desktop path using WshSpecialFolders object
  4. var DesktopPath = WSHShell.SpecialFolders("Desktop");
  5. //Create a shortcut object on the desktop
  6. var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "\\notepad 的快捷方式.lnk");
  7. //Set shortcut object properties and save it
  8. MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%\\notepad.exe");
  9. MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%");
  10. MyShortcut.WindowStyle = 1;
  11. MyShortcut.Description = "Shortcut Script 脚本";
  12. MyShortcut.Hotkey = "CTRL+Alt+F";
  13. MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%\\notepad.exe, 0");
  14. MyShortcut.Save();
  15. WScript.Echo("成功建立桌面上 Notepad 的快捷方式");
  16. </Script>
复制代码
93,Q:在收藏夹中加入 Url 的快捷方式
A:
  1. <Script language="Javascript">
  2. var WshShell = new ActiveXObject("WScript.Shell");
  3. strFav = WshShell.ExpandEnvironmentStrings("%windir%\\Favorites");
  4. var MyFav = WshShell.CreateShortcut(strFav + "\\我的十万个为什么.url");
  5. MyFav.TargetPath = "http://100000.home.sohu.com";
  6. MyFav.Save();
  7. </Script>
复制代码
94,Q:屏蔽网页中的错误提示信息
A:在网页的<Body>中加脚本：<Script> window.;</Script>
95,Q:控制网页表格的边框显示
A1)、控制表格的边框：
表格标签 <Table> 有一个 Frame 属性，可以控制表格的边框：
frame=box 显示所有边框
frame=void 不显示所有边框
frame=above 只显示上边框
frame=below 只显示下边框
frame=hsides 只显示上下边框
frame=vsides 只显示左右边框
frame=lhs 只显示左边框
frame=rhs 只显示右边框
(2)、控制表格行与列的分隔线：
表格标签 <Table> 有一个 Rules 属性，可以控制表格的分隔线：
Rules=all 显示所有分隔线
Rules=none 不显示任何分隔线
Rules=rows 只显示行与行之间的分隔线
Rules=cols 只显示列与列之间的分隔线
(3)、用表格制作线条：
以下代码可以实现一条线段：
  1. <table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
  2. <tr><td> </td></tr>
  3. </table>
复制代码
97,Q:保护自己的网页文本和图片：
A:
(1)、自己辛苦创作或收集的文章被别人“^C^V”偷了去，谁心里都不会舒服的。我们可以在自己的网页<Body>标签中加入  语句，使鼠标不能选择文本；
(2)、在网页 <Body> 标签中加入  语句，使单击鼠标右键时不能弹出右键选单，也就不能执行“图片另存为”命令选项；
(3)、禁止右键菜单：把下列代码加入到<head> 与 </head> 之间
  1. <SCRIPT language=javascript>
  2. 　　function click()
  3. {
  4. 　　 if (event.button==2)
  5. {alert('欢迎访问本站！')}
  6. 　}
  7. 　document.onmousedown=click
  8. </SCRIPT>
  9. (该方法可以被人轻易破解)
  10. (4)、禁止右键菜单：弹出“添加至收藏夹”窗口
  11. <SCRIPT language=JavaScript>
  12. <!--
  13. function click()
  14. {
  15. if (event.button==2)
  16. {window.external.addFavorite(this.location,this.document.title)}
  17. }
  18. document.onmousedown=click
  19. //-->
  20. </SCRIPT>
复制代码
(该方法也可以破解)
(5)、自己定制右键菜单，这是最聪明、最科学的方法。具体方法请参考本站的有关条目。
98,Q:使用 css 让网页中的图片居于页面正中：
A:
一般情况下，想让你的 LOGO 居中是一件非常痛苦的事情。除非你作一个足够大的底图，但是页面下载的速度可就… 现在 CSS 可以帮我们作到这一点，你只要将下面的代码 COPY 到 <head></head> 之间就可以了。不必再考虑页面的大小和分辨率了。
  1. <STYLE TYPE="text/css">
  2. <!--
  3. BODY {background-image: URL(logo.gif);
  4. background-position: center;
  5. background-repeat: no-repeat;
  6. background-attachment: fixed;}
  7. -->
  8. </STYLE>
复制代码
logo.gif 是你的图片，如果与页面文件不在同一个路径下，需要指明路径；background-position 代表位置，center 表示居中。background-repeat 表示是否平铺，可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 为 fixed 时可以使页面滚动时背景图固定不动(锁定)。
99,Q:浏览器全屏显示：
A:把如下代码加入 <body> 区域中：
  1. <form>
  2. <input type=BUTTON name=FullScreen value=全屏显示 >
  3. </form>
  4. <HTML>
  5. <TITLE>????</TITLE>
  6. <script language="JavaScript">
  7. <!--
  8. var w800 = 'FRAMESET{zoom:1.0}';
  9. var wh1024 = "FRAMESET{zoom:1.28}";
  10. var wh1152 = "FRAMESET{zoom:1.44}";
  11. var wh1280 = "FRAMESET{zoom:1.6}";
  12. if (screen.width == "800" & screen.height == "600" ){zz = w800;}
  13. else if(screen.width == "1280" & screen.height == "1024" ){zz = wh1280;}
  14. else if(screen.width == "1152" & screen.height == "864" ){zz = wh1152;}
  15. else if(screen.width == "1024" & screen.height == "768" ){zz = wh1024;}
  16. document.write('<style type="text/css">'+zz+'</style>')
  17. //-->
  18. </script></head></HEAD>
  19. <FRAMESET cols="100%,0" framespacing="0">
  20. <FRAME SRC="http://tw.yahoo.com/" NAME="168" scrolling="auto" noresize marginheight=0 frameborder=0 borderwidth=0>
  21. </FRAMESET>
  22. </HTML>
复制代码
　　一、【文件(F)】菜单中的命令的实现
　　1、〖打开〗命令的实现
　　[格式]:document.execCommand("open")
　　 [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=document.execCommand("open")>打开</a>
　　2、〖使用 记事本 编辑〗命令的实现
　　[格式]:location.replace("view-source:"+location)
　　 [说明]打开记事本，在记事本中显示该网页的源代码。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=location.replace("view-source:"+location)>使用 记事本 编辑</a>
　　3、〖另存为〗命令的实现
　　[格式]:document.execCommand("saveAs")
　　 [说明]将该网页保存到本地盘的其它目录！
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=document.execCommand("saveAs")>另存为</a>
　　4、〖打印〗命令的实现
　　[格式]:document.execCommand("print")
　　 [说明]当然，你必须装了打印机！
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=document.execCommand("print")>打印</a>
　　5、〖关闭〗命令的实现
　　[格式]:window.close();return false
　　 [说明]将关闭本窗口。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=window.close();return false)>关闭本窗口</a>
二、【编辑(E)】菜单中的命令的实现
　　〖全选〗命令的实现
　　 [格式]:document.execCommand("selectAll")
　　 [说明]将选种网页中的全部内容！
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=document.execCommand("selectAll")>全选</a>
　　三、【查看(V)】菜单中的命令的实现
　　1、〖刷新〗命令的实现
　　[格式]:location.reload() 或 history.go(0)
　　 [说明]浏览器重新打开本页。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=location.reload()>刷新</a>
　　 或加入:<a href="#" onclick=history.go(0)>刷新</a>
　　2、〖源文件〗命令的实现
　　[格式]:location.replace("view-source:"+location)
　　 [说明]查看该网页的源代码。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=location.replace("view-source:"+location)>查看源文件</a>
　　3、〖全屏显示〗命令的实现
　　[格式]:window.open(document.location,"url","fullscreen")
　　 [说明]全屏显示本页。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>
四、【收藏(A)】菜单中的命令的实现
　　1、〖添加到收藏夹〗命令的实现
　　[格式]:window.external.AddFavorite('url', '“网站名”)
　　 [说明]将本页添加到收藏夹。
　　 [举例]在<body></body>之间加入：
　　 <a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收藏夹</a>
　　2、〖整理收藏夹〗命令的实现
　　[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
　　 [说明]打开整理收藏夹对话框。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>
　　五、【工具(T)】菜单中的命令的实现
　　〖internet选项〗命令的实现
　　[格式]:window.external.showBrowserUI("rivacySettings",null)
　　 [说明]打开internet选项对话框。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=window.external.showBrowserUI("rivacySettings",null)>internet选项</a>
六、【工具栏】中的命令的实现
　　1、〖前进〗命令的实现
　　[格式]history.go(1) 或 history.forward()
　　 [说明]浏览器打开后一个页面。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=history.go(1)>前进</a>
　　 或加入:<a href="#" onclick=history.forward()>前进</a>
　　2、〖后退〗命令的实现
　　[格式]:history.go(-1) 或 history.back()
　　 [说明]浏览器返回上一个已浏览的页面。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=history.go(-1)>后退</a>
　　 或加入:<a href="#" onclick=history.back()>后退</a>
　　3、〖刷新〗命令的实现
　　[格式]:document.reload() 或 history.go(0)
　　 [说明]浏览器重新打开本页。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=location.reload()>刷新</a>
　　 或加入:<a href="#" onclick=history.go(0)>刷新</a>
　　七、其它命令的实现
　　〖定时关闭本窗口〗命令的实现
　　 [格式]:settimeout(window.close(),关闭的时间)
　　 [说明]将关闭本窗口。
　　 [举例]在<body></body>之间加入：
　　 <a href="#" onclick=setTimeout(window.close(),3000)>3秒关闭本窗口</a>
　　如果大家还整理出其他用Javascript实现的命令

《实现网页跳转访问》
有些人想访问网站时,直接进入某个子目录中的文件,如cgi-bin/leoboard.cgi,这时,你只要写一个默认的首页文件如index.htm,内容如下,就可以实现你的要求.
方法一:
  1. <html>
  2. <head>
  3. <title>网页跳转</title>
  4. <meta http-equiv="refresh" c>
  5. </head>
  6. <body>
  7. </body>
  8. </html>
复制代码
如果想搞得花哨一点,可以采用如下方法:
  1. <html>
  2. <head>
  3. <title>正在进入>>> Loading>>> </title>
  4. </head>
  5. <body bgcolor="#FFFFFF" text="#000000">
  6. <p> </p><tr> <td width=724>
  7. <p align=center><font color="red" size="2">正在进入,请等待,谢谢......</font></p></td></tr><tr>
  8. <td width="724">
  9. <p align=center>
  10. <form name=loading>
  11. <div align=center>
  12. <p>
  13. <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:rgb(124,119,119); background-color:white; padding:0px; border-style:none;">

  15. <input type=text name=percent size=46 style="color:rgb(138,134,134); text-align:center; border-width:medium; border-style:none;"><script>var bar = 0
  16. var line = "||"
  17. var amount ="||"
  18. count()
  19. function count(){
  20. bar= bar+2
  21. amount =amount + line
  22. document.loading.chart.value=amount
  23. document.loading.percent.value=bar+"%"
  24. if (bar<99)
  25. {setTimeout("count()",10);}
  26. else
  27. {window.location = "http://www.wwwfox.net/cgi-bin/leoboard.cgi";}
  28. }</script>
  29. </body>
  30. </html>
复制代码
1、边框 3px表示双边 1px表示单边
在<td></td>内 或<TABLE></TABLE>内
  1. style="BORDER-RIGHT: #000000 3px double; BORDER-TOP: #000000 3px double; BORDER-LEFT: #000000 3px double; BORDER-BOTTOM: #000000 3px double" cellSpacing=0 border=0

  3. style="BORDER-RIGHT:#0099FF 1px double; BORDER-TOP:#0099FF 1px double; BORDER-LEFT:#0099FF 1px double; BORDER-BOTTOM:#0099FF 1px double" cellSpacing=0 border=0
  4. 改了的:
  5. style="BORDER-LEFT:#999999 1px double; BORDER-RIGHT:#999999 1px double; BORDER-TOP:#999999 1px double; BORDER-BOTTOM:#999999 1px double" cellSpacing=0 border=0
复制代码
2、双击鼠标滚动屏幕的代码 在</style>和</head>之间加可以了
  1. <script language="JavaScript" type="text/JavaScript">
  2. var currentpos,timer;
  3. function initialize()
  4. {
  5. timer=setInterval ("scrollwindow ()",30);
  6. }
  7. function sc()
  8. {
  9. clearInterval(timer);
  10. }
  11. function scrollwindow()
  12. {
  13. currentpos=document.body.scrollTop;
  14. window.scroll(0,++currentpos);
  15. if (currentpos !=document.body.scrollTop)
  16. sc();
  17. }
  18. document.onmousedown=sc
  19. document.ondblclick=initialize
  20. </script>
复制代码
3、在浏览器地址栏中键入"javascript:alert(document.oncontextmenu='')"，就可以解除对右键菜单的屏蔽
4、右击重新定义
  1. < Script Language=javascript>
  2. function Click(){alert('请不起！欢迎经常来这里看看。');
  3. window.event.returnValue=false;
  4. }
  5. document.oncontextmenu=Click;
  6. </script>
复制代码
5、   防止复制 加在<body>内

6、直接复制这代码就能另存为了
  1. <noscript><iframe src=*.html></iframe></noscript>
复制代码
1、 去掉IE的滚动条
有时候做好的网页明明没有超出窗口，可IE却偏偏给加上滚动条，这样看上去很不舒服，其实这也是可以通过一些小技巧避免的。具体如下：
<body style=”overflow-x:hidden”>…</body> //去掉X轴方向的滚动条
<body style=”overflow-y:hidden”>…</body> //去掉Y轴方向的滚动条
<body style=”overflow:hidden”>…</body> //去掉全部的滚动条
现在你看到的和你想像中的网页应该一样了吧，如果其中有什么不明白的地方可以参照注释中的说明。
2、 使网页中的复制无效
有方法防止网页被保存了（参见《你别看我的源代码》），可不可以也防止网页内容被复制呢？答案是当然可以。看看下面的例子你就会明白的。
  1. <html>
  2. <head>
  3. <script language=”javascript”>
  4. function nocopy() {
  5. alert(“对不起，你不能非法复制本站内容”);
  6. event.returnvalue=false;
  7. }
  8. </script>
  9. </head>
  10. <body oncopy=”nocopy()”>copyright by commander.</body>
  11. </html>
复制代码
这其实中是利用了document的一个oncopy事件，也就是说当发生复制事件时，弹出警告框，同时事件（event）的返回值为false使oncopy事件失效，从而达到防止复制的目的。
3、 用脚本控制浏览器
看到标题是不是有点不相信，那么试试下面的这几个例子吧！你一定会吃惊的。
在<body>和</body>之间加入如下代码：
<button onclick=”document.execCommand(‘open’)”>打开</button>
<button onclick=”document.execCommand(‘saveas’)”>另存为…</button>
<button onclick=”document.execCommand(‘print’)”>打印</button>
上面其实都是利用了document.execCommand()这个内置的函数，其参数为相应的浏览器命令，还有很多命令就留给大家自己发现吧！
4、 IFrame也可以编辑文字
有没有想过除了表单(<form>)之外还有其它的网页元素可以编辑文字呢？只要使用IFrame的隐藏的一个属性就可以使IFrame成为一个文本编辑器。
  1. <html>
  2. <body onload=”editer.document.designMode=’On’”>
  3. <IFrame ID=”editer”></IFrame>
  4. </body>
  5. </html>
复制代码
其中designMode属性表示IFrame的设计模式的状态（开/关），还在犹豫什么呢，快试试吧！
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
  1. <html>
  2. <body onload=”imgEditer.document.designMode=’On’;imgEditer.document.write(‘<img src=图片.gif>’)”>
  3. <IFrame id=”imgEditer”></IFrame>
  4. </body>
  5. </html>
复制代码
用鼠标点击图片是不是有新的发现，其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来，别忘了到时候有什么新的东东，告诉我一声呀！
5、 打开硬盘
这是打开硬盘的另一种方法，把它写出来只是想告诉大家，要达到同一个目的有很多种方法，这里就是利用了表单的Action属性达到的，其实打开硬盘有很多种方法，只是这种不太被人们注意，所以这里就选择了这种方法。
<form action=file ://c|><input type=”submit” value=”打开C盘”></form>
17、鼠标接确链接文字会改变文字颜色（一）
首先在<head></head>之间加入如下代码：
<style>
.normal {color:red;}
.start {color:blue;}
</style>
其次在要改变的文字前后加上如下代码：
  1. <SPAN
  2. text/css">
  3. .menulinks {position:relative;}
  4. #menucont a{color:#006699; font-weight:bold; text-decoration:none;}
  5. #menucont a:hover{color:#ff0000; font-weight:bold; text-decoration:underline overline; text-transform: uppercase;}
  6. </style>
  7. <SCRIPT LANGUAGE="JavaScript">
  8. <!-- Begin
  9. nSpace=5 // how many space maximum between each letter
  10. nSpeed=100 // the speed of the animation
  11. timerLSM=null;
  12. function LetterSpacingMenu() {
  13. if(document.getElementById){
  14. lnks = Math.floor(Math.random()*lnk.length);
  15. letterSpacing = Math.floor(Math.random()*nSpace);
  16. lnk[lnks].style.letterSpacing = letterSpacing + "px";
  17. timerLSM = setTimeout("LetterSpacingMenu()", nSpeed);
  18. }
  19. }
  20. function StopMenu() {
  21. if(document.getElementById) {
  22. clearTimeout(timerLSM);
  23. for(i=0;i<lnk.length;i++)
  24. lnk.style.letterSpacing = 0 + "px";
  25. }
  26. }
  27. function LSMenuInit() {
  28. if(document.getElementById) {
  29. lnk = document.getElementById("menucont").getElementsByTagName("a");
  30. cnt = document.getElementById("menucont");
  31. cnt.style.textAlign= "center";
  32. cnt.onmouseover=StopMenu;
  33. cnt.onmouseout=LetterSpacingMenu;
  34. LetterSpacingMenu();
  35. }
  36. }
  37. onload=LSMenuInit;
  38. // End -->
  39. </script>
复制代码
第二步：把如下代码加入到<body>与</body>中
  1. <div id="menucont">
  2. <a href="#" id="a1" class="menulinks" title="what's new">不甘落后</a>

  4. <a href="#" id="a2" class="menulinks" title="about this site">声东击西</a>

  6. <a href="#" id="a3" class="menulinks" title="dhtml scripts">口若悬河</a>

  8. <a href="#" id="a4" class="menulinks" title="dhtml tutorials">旁若无人</a>

  10. <a href="#" id="a5" class="menulinks" title="dhtml links">克勤克俭</a>

  12. <a href="#" id="a6" class="menulinks" title="promote this site">同甘共苦</a>

  14. <a href="#" id="a7" class="menulinks" title="contact us">爱莫能助</a>
  15. </div>
复制代码
19、鼠标接确链接文字会改变文字颜色（三）

第一步:把如下代码加入<head>与</head>中
  1. <SCRIPT LANGUAGE="JavaScript">
  2. <!-- Begin
  3. function doColor(item, color, bg) {
  4. item.style.color = color; // changes text color
  5. item.style.backgroundColor = bg; // changes background
  6. }
  7. function undoColor(item) {
  8. item.style.color = "#000000"; // sets color back to black
  9. item.style.backgroundColor = ""; // sets background to default
  10. }
  11. // End -->
  12. </script>
  13. </HEAD>
复制代码
第二步:在<body>与</body>中加入如下代码:
<a name="link1" href="http://www.800du.com/"  >internet.com</a>
<p>
<a name="link2" href="http://www.800du.com/"  >javascriptsource.com</a>

1. 如何贴rm,ra,ram类型的音乐，代码如下：
<embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" c src="http://guest.anyp.cn/uploads/01.rm">
2. 如何贴midi,asf,wma,asx类型的音乐，代码如下：
<embed autostart="true" loop="-1" c width="0" height="0" src="http://guest.anyp.cn/uploads/01.mid">
透明flash覆盖代码：
<EMBED style="LEFT: 0px; POSITION: absolute; TOP: 0px; absolute: " align=right src=http://ysxiong.anyp.cn/PageLayout/UserDataA/Data53/USID200403062012220031/Articles/Images/040917060055890.swf width=1000 height=606 type=application/x-shockwave-flash wmode="transparent" quality="high" ;;></EMBED></TD>
视频播放器代码：
  1. <OBJECT id=WMPlayer style="LEFT: 0px; TOP: 0px" height=300 width=400 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6><ARAM NAME="URL" VALUE="http://www.anyp.cn/images/amusement/weekly/video/2004_170_10.wmv"><ARAM NAME="rate" VALUE="1"><ARAM NAME="balance" VALUE="0"><ARAM NAME="currentPosition" VALUE="0"><ARAM NAME="defaultFrame" VALUE=""><ARAM NAME="playCount" VALUE="1"><ARAM NAME="autoStart" VALUE="-1"><ARAM NAME="currentMarker" VALUE="0"><ARAM NAME="invokeURLs" VALUE="-1"><ARAM NAME="baseURL" VALUE=""><ARAM NAME="volume" VALUE="50"><ARAM NAME="mute" VALUE="0"><ARAM NAME="uiMode" VALUE="full"><ARAM NAME="stretchToFit" VALUE="0"><ARAM NAME="windowlessVideo" VALUE="0"><ARAM NAME="enabled" VALUE="-1"><ARAM NAME="enableContextMenu" VALUE="-1">``PARAM NAME="fullScreen" VALUE="0"><ARAM NAME="SAMIStyle" VALUE=""><ARAM NAME="SAMILang" VALUE=""><ARAM NAME="SAMIFilename" VALUE=""><ARAM NAME="captioningID" VALUE=""><ARAM NAME="enableErrorDialogs" VALUE="0">``PARAM NAME="_cx" VALUE="10583"><ARAM NAME="_cy" VALUE="7938"></OBJECT>　
复制代码
　　 6 .1 帧结构的基本格式
　　 帧结构将流览器的窗口分成多个区域，每个区域可以单独显示一个html文件，各个区域也可相关连地显示某一个内容，比如可以将索引放在一个区域，文件内容显示在另一个区域。
帧结构的基本结构如下
  1. <html>
  2. <head>
  3. <title>...</title>
  4. </head>
  5. <noframes>...</noframes>
  6. 　　 <frameset>
  7. 　　 <frame src="url">
  8. </frameset>
  9. </html>
复制代码
　　<noframes>...</noframes>中的内容显示在不支持帧结构的浏览器窗口中,因而这里指向一个普通版本的html文件，以便使用不支持帧结构浏览器的用户阅读。
　　帧结构由<frameset>指定，并且可以嵌签，分区中种部分显示的内容用<framre>指定。
　　可以将窗口横向分成几个部分，也可以分成纵向几个部分，还可以混和帧结构。
　　6.2 横向帧结构
　　横向帧结构用<frameser rows=#>指定，#可以是一个百分数，也可以是一整数。前者规定各帧占窗口的百分数，后者指定各帧的绝对大小。例如，下面的例子将窗口分成30%、20%、50%的几个区域，各区域的内容分别为A.html,B.html,C.html.
<frameset rows=#>
横向排列多个窗口：
  1. <frameset rows=25%,25%,50%>
  2. <frame src="A.html">
  3. <frame src="B.html">
  4. <frame src="C.html">
  5. </frameset>
复制代码
　　6.3 纵向帧结构
　　纵向帧结构用<frameset cols=#>指定，参见下例：
<frameset cols=#>
纵向排列多个窗口：
  1. <frameset cols=30%,20%,50%>
  2. <frame src="A.html">
  3. <frame src="B.html">
  4. <frame src="C.html">
  5. </frameset>
复制代码
A B C
　　6.4 混合帧结构
　　将窗口分成横纵几个区域时，用<frameset>代替<frame>链接至即可将原的分好的<frame>区域再次帧结构， 下面的例子先将窗口分成20%,80%， 然后将右边的区域再分成分别占40%和60%的上下两个区域。
纵横排列多个窗口：
  1. <frameset cols=20%,*>
  2. <frame src="A.html">
  3. <frameset rows=40%,*>
  4. <frame src="B.html">
  5. <frame src="C.html">
  6. </frameset>
  7. </frameset>
复制代码
A B
C
　　6.5 帧结构与帧中文本的间距
　　帧结构与其中的文本间距可以用Marginwidth=#和marginneigh=#来指定，前者指定文本与帧结构的边缘的横向距离，后者为纵向距离，其单位都为象素，下面的例子中，将右边帧结构的左右边距，上下空白都设为50个象素。
　　6.6 帧结构间的关联
　　帧结构之间可以有特定的关联，比如将某一帧的内容输出到另一个帧，这样我们就可以把其中一个帧作为输出帧，另一个帧作为选择帧。实现这种关联需要做下列的事情。
　　①在帧结构的hrme文件中标记各个帧，标记的方法是在<frame>中加入name属性，比如上例，定义左边的帧为输出，右边帧为主帧。
　　<frame src="A.html"name=display>
　　 <frame src="B.htme"name=index>
　　②在B.html文件中指定输出到哪个帧方法是在B.html文件中加入下列一行。
　　<base target="display">
　　这便得用鼠标点取B.html中的链接指针，它的输出会显示在左边的帧中。
　　特殊的 4 类操作(很有用喔)
<a href=url target=_blank> 新窗口
<a href=url target=_self> 本窗口
<a href=url target=_parent> 父窗口
<a href=url target=_top> 整个浏览器窗口
随机显示背景图片
  1. <SCRIPT language=javascript>
  2. <!--
  3. bg = new Array(2); //设定图片数量，如果图片数为2，这个参数就设为1，依次类推
  4. bg[0] = '8002bg1.jpg' //显示的图片路径，可用http://
  5. bg[1] = '8002bg2.jpg'
  6. bg[2] = '8002bg3.jpg'
  7. index = Math.floor(Math.random() * bg.length);
  8. document.write("<BODY BACKGROUND="+bg[index]+">");
  9. //-->
  10. </SCRIPT>
复制代码
网页背景设计全攻略
网页背景设计全攻略
　　 网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。
1.颜色背景
　　颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过<body>标签来指定页面的颜色背景，其HTML语法为：
<body bgcolor="color">
　　其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。
　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
2.沙纹背景
　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。
　　初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。
　　读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，越小越好，但注意要使最后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现的HTML语法如下：
<body background="picture">
　　其中的"picture"表示背景图片的URL路径。
3.条状背景
　　条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。
　　以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片，其长度与页面的宽度相当。也通过
<body background="picture">
　　将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。
4.照片背景
　　把自己或朋友的照片作为页面的背景让大家看到，是有点令人激动的事情，但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢？只有想不到的，没有做不到的，这里我们用上一点简单的CSS。在网页文件的<head>……</head>之间加入下面的CSS语句:
  1. <style type="text/css">
  2. <!--
  3. body{background-image:url(myphoto.jpg);
  4. background-repeat:no-repeat;
  5. background-attachment:fixed;
  6. background-position:50% 50%}
  7. -->
  8. </style>
复制代码
　　这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意，你也可以随意地调整它在页面中的位置，只需要调整"background-position"的值就可以了。
5.复合背景
　　如果你在练习上面的“照片背景”时“不小心”也设置了<body>标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法，就不用我再多说了吧！
6.局部背景
　　前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。
　　最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：
  1. <table border="1" width="240" height="101" bgcolor="#C0C0C0">
  2. <tr>
  3. <td width="80" height="46" bgcolor="#00FFFF"></td>
  4. <td width="80" height="46"></td>
  5. <td width="80" height="46" bgcolor="#00FF00"></td>
  6. </tr>
  7. <tr>
  8. <td width="80" height="47" bgcolor="#FFFF00"></td>
  9. <td width="80" height="47" bgcolor="#FF0000"></td>
  10. <td width="80" height="47" bgcolor="#FF00FF"></td>
  11. </tr>
  12. </table>
复制代码
　　在浏览器中的显示效果如图所示,可以看到,不但对于表格整个来说有不同于页面的背景,就是每一个单元格也可以设置各不相同的背景。
　　除此之外，我们还可以单独为某个文字段落设置背景，甚至为这个文字段落中的某几个文字设置自己的背景，是不是有点相当不错，这也需要用上一些CSS。请先看一下下面的这个例子：
  1. <HTML>
  2. <HEAD>
  3. <TITLE>不仅仅是页面的背景</TITLE>
  4. <STYLE TYPE="text/css">
  5. <!--
  6. BODY{
  7. BACKGROUND:#FFFFDD;
  8. COLOR:red}
  9. div{
  10. BACKGROUND:red;
  11. COLOR:white}
  12. -->
  13. </STYLE>
  14. </HEAD>
  15. <BODY>
  16. < STYLE="BACKGROUND:black url(../images/bg.jpg);COLOR:black}">
  17. 　　 记得毛主席有这么一首诗："<div>坐地日行八万里，巡于遥看一千河。</div>"伟人就是了不起，……几万里就出去了。</P>
  18. </BODY>
  19. </HTML>
复制代码
　　在浏览器中的显示效果如图所示，现在是不是有点兴奋了，啊，原来文段也可以有自己的背景。只要你愿意，你就可以为页面的任何一个部分定义自己的背景，从而把页面打扮得更加漂亮和吸引人。
　　说到这，关于网页背景设计的问题也就说得大概也就差不多了，但新的网页制作技术也在不断涌现，说不定今天你看了这篇文章，明天就觉得它太过时了。笔者写这篇文章，目的是引起广大网页制作者对背景设计的注意，毕竟，背景对网页来说实在是太重要了，当然，网站还是要以内容为第一的。
8.判断上一页的来源：
　　
  1. Request.ServerVariables("HTTP_REFERER")

  3. <SCRIPT LANGUAGE="JAVASCRIPT">
  4. var where = document.referrer
  5. if (where == '') { document.write("a bookmark or by typing in my URL") }
  6. else
  7. //{ document.write(where) }
  8. </SCRIPT>
复制代码
100、防止绕过验证直接进入ASP页面注册验证
为防止未经注册的用户绕过注册界面直接进入应用系统，我们采用Session对象进行注册验证。例如，我们制作了下面的注册页面。
设计要求注册成功后系统启动hrmis.asp?page=1页面。假设，不采用Session对象进行注册验证，则用户在浏览器中敲入“URL/hrmis.asp?page=1”即可绕过注册界面，直接进入系统。
在此，利用Session对象进行注册验证：
  1. 〈%
  2. ’读取使用者所输入的账号和密码
  3. UserID = Request(“UserID”)
  4. Password = Request(“Password”)
  5. ’检查UserID 及Password 是否正确
  6. If UserID 〈〉“hrmis” Or Password 〈〉“password” Then
  7. Response.Write “账号错误！”
  8. Response.End
  9. End If
  10. ’将Session 对象设置为通过验证状态
  11. Session(“Passed”) = True
  12. %〉
复制代码
进入应用程序后，首先进行验证：
  1. 〈%
  2. ’如果未通过验证，返回Login状态
  3. If Not Session(“Passed”) Then
  4. Response.Redirect “Login.asp”
  5. End If
  6. %〉
复制代码
101、返回到上一页
  1. <a href="javascript:history.back(-1)">返回上一页</a>
复制代码
如何设一按钮，点击它可退回上一页面？
<INPUT onclick=window.history.go(-1); type=button value=返回上一页 name=button1>
我所说的当前页是当前正浏览的页，前一页是指他的父页。
不过我又试了：
如果子页、父页是通过超链接连接的，（如<a href="xx.htm">link</a>），
freeboat的代码是回前一页（父页）：
  1. <INPUT onclick=window.history.go(-1); type=button value=返回上一页 name=button1>
复制代码
Belltree的代码是关闭IE窗口（子页、父页全关）：
  1. <INPUT onclick=window.close() type=button value=返回上一页 name=button1>
复制代码
如果子页、父页是通过表单连接的，如，
  1. <form name=xxx action="xx.htm" method="post" target="_blank">
复制代码
收藏 分享 评分
大风车多媒体互动网络
回复 引用

订阅 TOP

返回列表