网页技巧全集(三)
时间：2010-9-2 浏览： 作者：admin41,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:hＡnd;">，这样，当鼠标移到按钮上时，会变成一个“手”形，和移到超级链接上一样。cursor 后的参数很多，列在下边：
hＡnd 手型
crosshair 十字型
text 移动到文本上的那种效果(I 形)
wait 等待的那种效果(沙漏)
default 默认效果
help 问号
e-size 向右的箭头
ne-resize 向右上的箭头
n-resize 向上的箭头
nw-resize 向左上的箭头
w-resize 向左的箭头
sw-resize 向左下的箭头
s-resize 向下的箭头
se-resize 向右下的箭头
auto 由系统自动给出效果
44,Q:在网页页面上显示 html 代码：
A:要在 html 代码中放置 html 文本显然是不行的，因为你放在 html 中的 html 文本会相互混淆起来，产生严重的错误。如果 html 文本很少，可以将其中的〈 〉用全角的〈 〉代替；如果文本很长，将它门放在标签〈xmp〉〈/xmp〉中，这是专门用来显示 html 文本的标签。与此相关的一个问题是：有时从网页上“挖”下来的 html 代码，放在 html 文件中浏览时，显示的全是 html 代码，就是因为他们制做网页时将标签的大于号、小于号用全角的〈、〉代替了。
45,Q:加速网页加载的技巧：
A:当浏览者停留在一个网站的主页上时，其它页面的下载是停止的，这样时间就白白浪费了。我们可以将主页分成两个帧，一个帧显示主页，将另一个帧隐藏后“偷偷”地下载其它页面，在硬盘里缓存起来。这样，当浏览者浏览到别的页面时，浏览器就是从硬盘里调用数据了。
46,Q:让网页的背景图片动起来(Vbscript)：
A:
<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>
47,Q:用 JavaScript 控制浏览器窗口大小：
A:有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：
<SCRIPT LANGUAGE="JavaScript">
function Minimize()
{
window.innerWidth = 100;
window.innerHeight = 100;
window.screenX = screen.width;
window.screenY = screen.height;
alwaysLowered = true;
}
function Maximize()
{
window.innerWidth = screen.width;
window.innerHeight = screen.height;
window.screenX = 0;
window.screenY = 0;
alwaysLowered = false;
}
</SCRIPT>
<A HREF="javascript:onClick=Minimize()">Minimize</A>
<A HREF="javascript:onClick=Maximize()">Maximize</A>
上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF="javascript:onClick=Minimize()"〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。
注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。
48,Q:网页的定时转向和定时刷新?
A:在网页的 <Head></Head> 间加入 <meta http-equiv="refresh" content="10; url=http://……"> 就会使网页在 10 秒后自动转向到网址 http://…… 去。特殊情况是，如果没有 url=…… 一项，网页就会每隔 10 秒自我刷新一次 -- 最初的聊天室就使用了这种技术，但屏幕看起来有些闪烁感。
49,Q:上传主页的一个技巧：
A:如果你做主页时是假设网站的主文件为 index.htm，网页中的所有链接也默认主页为 index.htm。但当你上传主页时发现网站的主文件为 index.html，那么你是不是需要一个一个地去修改许多网页中的链接呢? NO! 这时你只要在网站建立一个 index.html 文件，其中放以下一条语句就可以了：
<meta http-equiv="refresh" content="0; url=index.htm">
那么，如果你做主页时假设网站的主文件为 index.html，而上传主页时发现网站的主文件为 index.htm 时怎么办呢? …… “To be,or not to be,this is a question.”
50,Q:在网页中实现下拉弹出菜单:
A:下拉弹出菜单用 Javascript 构造，原代码及效果见演示。
51,Q:为什么用 FrontPage 做的网页在有的网站上显示不正常?
A:如果用 FrontPage 做的网页使用了 FrontPage 扩展特性，且放在了用 Unix、Linux 建立的网站上，就会显示不正常，丢失一些特性。因为 FrontPage 扩展特性是基于 Windows 系列操作系统的。避免办法就是……“因噎废食”了。
52,Q:让 IE 浏览器的标题条文字动起来?
A:在网页的 <head></head> 之间加入以下 VbScript 脚本即可：
<Script language="vbscript">
msg="十万个为什么-计算机应用技巧大全"
l=len(msg)
i=l-3
sub movetitle()
title=right(msg,l-i)+left(msg,i)
top.document.title=title
i=(i+1) mod l
end sub
speed = 10 '毫秒
a=setInterval("movetitle()",speed)
</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:
<object id="browserIcons" classid="clsid:EAB22AC3-30C1-11CF-A7EB-0000C05BAE0B" align="baseline" border="0" width="452" height="161">
<param name="Location" value="http://100000.home.sohu.com">
<param name="AlignLeft" value="0"><param name="AutoSize" value="0">
<param name="AutoSizePercentage" value="10">
<param name="AutoArrange" value="1">
<param name="NoClientEdge" value="1">
<param name="ViewMode" value="0">
</object>
55,Q:当鼠标移动到表格上时，表格背景色改变:
A:在网页的 <body></body> 之间放如下代码即可实现：
<script language="javascript">
<!--
function mOvr(src,clrOver)
{
if(!src.contains(event.fromElement))
{src.style.cursor='hＡnd';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn)
{
if(!src.contains(event.toElement))
{src.style.cursor='default';
src.bgColor=clrIn; }
}
function mClk(src)
{ //执行单元格中的链接
if(event.srcElement.tagName=='TD')
{src.children.tags('A')[0].click();}
}
//-->
</script>
<table border="1" align=center>
<tr>
<td align="middle" height="17" onclick="mClk(this);" onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">
<a href="http://100000.home.sohu.com" target="_blank" class="nav">链接变色</a>
</td>
</tr>
<tr>
<td onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">无链接变色</td>
</tr>
</table>
56,Q:打开网页时自动弹出欢迎窗口：
A:
<script language="JavaScript">
function Info()
{if(!confirm("这是一个自动弹出的欢迎窗口" + "\n\n欢迎光临\n\n你可以试着加上一些其它的信息。"+"\n\n请按确定进入本页\n"+
"\n按取消将返回上一页\n"))
history.go(-1);
return " "
}
document.writeln(Info()) //触发执行 Info() 函数
</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>
58,Q:为什么用 FrontPage 做的主页有时会显示为乱码?
A:看看主页的 <head></head> 之间是否有 <meta charset=gb2312> 字样，加上它就好了(它自动将 IE 浏览器的文字编码设置为“简体中文”。如果没有前述语句，则必须手动设置才能看清网页内容)。
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 个人资料。
60,Q:将样式表(css)加到你的网页中的几种方法：
A:
(1)、将样式表置入 HTML 文件头部:
<STYLE TYPE="text/css">
<!--
H1 {color: green; font-family: impact}
P {background: yellow; font-family: courier}
-->
</STYLE>
(2)、将一个外部样式表定义文件链接到 HTML 文件上:
<HEAD>
<LINK REL=stylesheet href="mystyles.css" TYPE="text/css">
</HEAD>
文件 mystyles.css 的内容如下:
H1 {color:green; font-family:impact}
P {background:yellow; font-family:courier}
(3)、将一个外部样式表定义文件输入到 HTML 文件中:
<STYLE TYPE="text/css">
<!--
@import url(company.css);
H1 { color: orange; font-family: impact}
-->
</STYLE>
其中 company.css 文件内容如下：
H1{color:green; font-family:times}
P{background:yellow; font-family:courier}
(4)、将样式表加入到 HTML 文件行中:
如：<H1 STYLE="color: orange;font-family:楷体_gb2312>HTML中的样式表</H1>
(注意：如果一个网页中同时使用了以上 4 种方法，那么它们的优先级从高到低是 4-3-2-1。)
分享：
php老师.gif)
flash老师.gif)
flash老师