1,Q:怎样把别人网页上的背景音乐保存下来?
A:浏览该网页后,在你的 Windows/Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件,拷贝出来即可使用。如果还是找不见该文件,可以打开网页的源文件,找到音乐文件的 URL 路径,用“蚂蚁”等 FTP 软件进行下载。
2,Q:避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?
A:在帧中的网页的〈head〉〈/head〉之间加入以下脚本代码:
〈Script language="JavaScript"〉
if (top==self)
self.location.href="index.htm";
〈/Script〉
这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。
3.Q:怎样防止别人把你的网页放到框架里?
A:因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列 JavaScript 代码即可,它会自动监测,然后跳出别人的框架。
〈Script language="javascript"〉
if (self != top)
top.location = self.location;
〈/Script〉
4,Q:怎样在 FrontPage2000 中加入 Flash 动画?
A:在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash 文件的大小及其它信息,确定即可。
5,Q:怎样在网页中加入注释?
A:在共同网页开发中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:
〈!-[注释内容…]--〉
6,Q:怎样测试浏览器并自动装入所需要的网页?
A:目前微软和网景的浏览器并不能完全兼容所有网页,有的网页在某种浏览器中非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下 JavaScript 代码使浏览器自动装入所需要的网页:
〈script LANGUAGE="JavaScript"〉
function TestBrowser()
{
ie = ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 ))
if (ns) { setTimeout("location.href="ns.htm"",10); }
else {setTimeout("location.href="ie.htm"",10); }
}
〈/script〉
7,Q:怎样让链接没有下划线?
A:只要在〈Head〉〈/Head〉中加入以下代码,所有链接就都没有下划线了:
〈style type="text/css"〉
〈!--
a {text-transform:none;text-decoration:none;}
a:hover {text-decoration:underline}
--〉
〈/style〉。
8,Q:怎样在网页中加入 E-mail 链接并显示预定的主题?
A: 〈A href="mailto:Emailhost@163.com?subject=主题"〉……〈/a〉
9,Q:怎样让网页的背景图像不滚动?
A: Internet Explorer 浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
〈Body Background="图片文件" bgproperties="fixed"〉
10,Q;怎样定义网页的关键字?
A:在网页中加入关键字,可以供某些搜索站台机器人使用,它们会利用该关键字为你的网站做索引,这样,当别人用关键字搜索网站时,如果你的网页包含该关键字,那么就可以被列出了。定义本网页关键字,可以在〈Head〉〈/Head〉中加入如下代码:
〈meta name="Keywords" content="china,enterprise,business,net"〉
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
〈meta name="Keywords" content="china,china,china,china"〉
11,Q:怎样隐藏在状态栏里出现的链接信息?
A:大家知道,当你指向一个链接时,该链接的信息就会出现在浏览器的状态栏里, 如果需要隐藏它,可以本链接中做如下设置:
〈a href="http://www.csdn.net"; onMouseOver="window.status="none"; return true"〉链接〈/a〉
12,Q:怎样在网页中加入多媒体播放?
A:有些多媒体文件无需其他程序就可以播放,而有许多多媒体文件需要外部程序才能播放。如果浏览器没有安装这种外部程序,那么浏览器会自动去下载。要加入多媒体格式,可加入如下代码:
〈EMBED SRC="test.ram" AUTOSTART="TRUE" LOOP="3" WIDTH="80" HEIGHT="30"〉
13,Q:怎样在网页中加入电子邮件表单提交?
A:表单提交需要 CGI 程序的支持,但也可以利用 E-mail 提交,当你设计好表单后, 把 Action 内容加入邮件地址即可,例如:
〈form method="POST" action="mailto:zhangking@263.net" ENCTYPE="text/plain"〉
……
〈/form〉
14,Q:用 Word 作为 Html 编辑器产生的代码比较冗长,怎么优化?
A:可以用网页制做软件 Dreameweaver3.0 进行优化。
15,Q:IE5.0 的部分快捷键:
A:打开查找功能:Ctrl+F
关闭浏览器窗口:Ctrl+W
打开地址栏下拉列表框:F4
刷 新:F5
将当前Web页保存到收藏夹列表:Ctrl+D
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME
16,Q:网页上的图形格式:
A:图形的格式千奇百怪,但是一般 WWW 浏览器支持的图形格式只有 .gif 和 .jpg(.jpe),这两种都是经过压缩的图形文档。所以文件较小,适合在网络上传送。如果你的图形是别的格式,则必须使用图形处理软件来将其转存成 .GIF 或 .JPG 的图形格式。但到底该用那一种图形格式呢? 先看看下面的比较: GIF 格式 JPEG 格式
压缩比例 较小 从大到小有四种选择
最多支援的颜色 256色 全彩(16百万色)
渐显功能(“隔行”方式) GIF89a有 无
背景透明功能 GIF89a有 无
动画 GIF89a有 无
结论是:比较大或颜色较多的图形就用 .JPG 的格式, 比较小或颜色较少,而且需要有特殊功能的图,就用 .GIF 格式。注意:.GIF 还分为 GIF87a 和比较新的 GIF89a 两种格式,一些特殊的功能(像透明背景) 则是 GIF89a 才有的。当你真的无从选择的时候,就干脆分别储存成两种图形格式,看看那个文件比较小,就用那一个。
将 Gif 文件保存成“隔行”方式:在 Photoshop 中,保存时选择“Interlaced”。
将 jpg 文件保存成“逐级”方式:在 Photoshop 中,保存时选择“Progressive”。这样,图形显示时将由模糊逐渐变得清晰起来。
17,Q:表格中嵌套〈Form〉标签时,换行的取消:
A:在网页制做中,当表格和〈Form〉〈/Form〉标签嵌套时,如果像如下的形式:
〈table border=1〉 〈tr〉 〈td〉 〈Form〉 〈input name= size=〉〈input type=button
value=Test〉〈/Form〉 〈/td〉 〈/tr〉 〈/table〉
那么在〈Form〉构造出的文本框下会有一个空行,非常影响版面的编排。而只要把〈/Form〉放到表格标签〈/td〉、〈/tr〉或〈/table〉的外边(如下),则问题就解决了。
〈table border=1〉
〈tr〉 〈td〉〈Form〉 〈input name= size=〉 〈input type=button value=Test〉〈/td〉
〈/Form〉〈/tr〉 〈/table〉
18,Q:什么是 ActiveX 控件?
A:Microsoft ActiveX 控件是由软件提供商开发的可重用的软件组件。使用 ActiveX 控件,可以很快地在网址、台式应用程序、以及开发工具中加入特殊的功能。例如,StockTicker 控件可以用来在网页上即时地加入活动信息,动画控件可用来向网页中加入动画特性。
现在,已有 1000 多个商用的 ActiveX 控件。开发控件可以使用各种编程语言,如 C,C++,下一代的Microsoft Visual Basic,以及微软公司的 Visual Java 开发环境 Microsoft Visual J++。ActiveX 控件一
旦被开发出来,设计和开发人员就可以把它当作预装配组件,用于开发客户程序。以此种方式使用 ActiveX 控件,使用者无需知道这些组件是如何开发的,在很多情况下,甚至不需要自己编程,就可以完成网页或应用程
序的设计。
IE3.0 是第一个在网页中支持 ActiveX 控件的网络浏览器。在 Mosaic 和 Netscape Navigator 中也可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件(参见网址 http://www.ncompasslabs.com)。
19,Q: Netscape Navigator 可以显示 ActiveX 控件吗?
A:可以,在 Netscape Navigator 中可以使用 ActiveX plug-in for Netscape 显示 ActiveX 控件。在Ncompass 实验室的网址 http://www.ncompasslabs.com/ 上可以得到测试版的 plug-in。
20,Q:现在有哪些工具支持使用 ActiveX 控件进行网页开发?
A:使用 ActiveXControlPad(详见http://www.microsoft.com/workshop/author/cpad/),开发人员可以在HTML 网页中方便地插入 ActiveX 控件。按照http://www.microsoft.com/workshop/author/cpad/tutorial-f.htm
网址上的 ActiveX Control Pad 教程,开发人员可以很方便地学习使用 ActiveX ControlPad。SoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 网页上使用 ActiveX 控件。以后,微软公司及其第三方软件供应商还将推出很多支持使用 ActiveX 控件进行网页制作的网络制作工具。
21,Q:只有程序员才能使用 ActiveX 控件吗?
A:了解脚本语言,比如说 Visual Basic Scripting Edition(VBScript) 或 JavaScript,自然对使用ActiveX 控件非常有帮助。但也并非一定要有这样的程序开发基础。对于有些控件来说,需要写一定数量的脚本程序,才能集成到网页中,但大多数 ActiveX 控件却不需要这样。使用 ActiveX Control Pad,即使是非程序开发人员也可以通过简单的选中和点击将很多控件插入网页。
22,Q:在创建了包含 ActiveX 控件的网页后,如果用户在自己的机器上浏览该网页,控件是如何在用户终端机上安装和显示的?
A:当 IE3.0 遇到含有 ActiveX 控件(或复合控件)的网页时,首先检查用户的本地系统注册,察看该组件是否已经安装在本地机上了。如果该组件已经在本地机上,IE3.0 显示该网页并激活控件。如果控件还未在用户本地机上安装,IE3.0 将自动地根据开发者创建网页时的地址定义,从网上找到此控件,并将它安装到本地机上。
23,Q:如何在网页上定义一个地址,使用户访问网页时,控件可以自动下载到用户的计算机上?
A:网页开发者可以通过给控件设置 CODEBASE 属性提供上述信息。使用 ActiveX Control Pad 时,在 ObjectEditor 中,可以看见一个属性表,开发者可以很方便地利用该表设置属性。通过设置属性,可以定义 URL 地址或地址集,通过地址可以在 Internet 上找到并下载控件。IE3.0 正是利用这些地址信息,定位控件并自动下载组件的。下载之后,网页就出现在本地机上了。在 1996 年 7 月的 Microsoft Systems Journal 上,“Safe Web Surfing with the Internet Component Download Service”一文详细论述了整个信息定位及下载过程。需要一提的是,许多 Microsoft 提供的控件(例如 HTML Layout Control)不需要 CODEBASE 设置,因为通过 ActiveX 对象索引(ActiveX Object Index)就可以基于 CLSID(控件唯一标识符)自动找到并定位控件。
24,Q:ActiveX 组件下载时,是否通知用户?
A:是的。当一个组件需要下载时,IE 会缺省地显示一个消息框,通知用户将要开始下载。用户可以选择终止下载或继续下载。如果控件做过数字签名,会提供一份数字认证书,其中包括提供该控件的软件供应商名字,以及确认该控件未被破坏的有关信息。软件开发者在开发控件时可以做数字签名。签名信息由控件本身携带,因此在下载之前,会自动显示数字验证书,在网页上使用该控件的用户不需要做任何开发工作。
25,Q:ActiveX 控件下载后,放在什么位置?
A:在缺省情况下,控件下载后要放在 /windows/Downloaded Program Files 目录下的 ActiveX 控件高速缓存中。
26,Q:如何对待新创建的新版本控件? 如果用户计算机上已经有了老板本的控件 IE 如何知道应该下载新版本的控件?
A:I3.0 中的组件下载服务(Component Download Service)提供了版本控制功能,使用此项功能,新版本的控件会被自动检测出来,并可自动下载。在1996 年 7 月的 Microsoft Systems Journal 杂志上,“Safe Web Surfing with the Internet Component Download Service”一文详细论述了整个版本控制过程。
27,Q:ActiveX 控件是否有许可权问题? 用户下载控件之后能否在自己的网页上使用 ActiveX 控件?
A:ActiveX 控件提供一套完整的保护机制,可以防止未经许可的用户在网页上使用 ActiveX 控件。到目前为止,已经有一些开发工具支持这套机制,例如 VB、Ms Access、和 IE。现有的控件授权许可证机制有两种许可形式:开发许可证和运行使用许可证。开发许可证允许许可证的持有者使用控件,利用 VB,ActiveX ControlPad,以及其它有关的开发工具,从事以开发为目的活动。运行使用许可证只允许许可证的持有者在已有的应用或网页中显示控件,不允许将控件插入有关工具中,用于开发目的活动。支持许可证机制是独立控件开发上的工作。有些控件开发商选择了不支持许可证机制的开发策略,因此对任何用户来说,他们开发的控件一旦被安装到本地机上,就可以用于开发。另一些控件开发商只提供免费的运行许可证,而在提供开发许可证时需要收费。需要在网上使用控件的用户,应该详细地阅读控件开发商提供的许可证协议,以确定自己使用控件的权限。
28,Q:为什么有些控件,甚至包括有些 VB4.0 自带的 ActiveX 控件,在网页上都无法用 IE 显示?
A:包括 VB4.0 中某些控件在内的许多控件都提供了许可证机制。要在网上使用这些控件必须取得相应的运行使用许可证,并将相应的许可证文件放在网页中,否则,在用户终端机上将无法显示该控件。对于某一控件来说,只有控件的合法开发者,才拥有为该控件进行“运行许可权”授权的权利。欲知在网页中获得控件运行许可权的详细过程, 请参见 ActiveX SDK 文档中有关许可证控制部分(在新的ActiveX Control Pad FAQ 中,还有一个具体例子)。 值得一提的是,Microsoft 及其第三方合作伙伴也在网上提供了大量的具有免费使用权许可证的 ActiveX 控件。在网页中使用这些控件时,不需要提交使用权许可证文件。
29,Q:HTML Layout 控件如何增强了使用 ActiveX 控件开发网页的能力?
A:HTML Layout 控件支持由 W3C 公布的扩展 HTML,允许在网页上精确定位对象。原先,HTML 不允许网页开发者使用 X、Y 坐标在网页上精确定位元素,也不允许叠盖对象。新增加的的“2-D”布局功能,使开发者可以完成更复杂的设计,为用户开发出更好的网络应用提供了支持。通过实现新的 W3C HTML 扩展,HTML Layout 控件为在 IE 中显示的 ActiveX 控件提供了更先进的布局选项。HTML Layout 控件是 IE3.0 的新增组件,并被集 成到 IE 完全安装版中。(HTML Layout 控件也是 ActiveX ControlPad 的一部分,可通过 MSDN 库安装。由于提供了基于 WYSIWYG(所见即所得)页的全帧编辑器,ActiveX Control Pad 可以与 HTML Layout Control 相结合使用。 这使得用 ActiveX 控件开发先进的二维风格的 HTML 设计变得更加简单。
30,Q:怎样在网页上显示多少人在线(on-line)?
A:只要你的网站支持 ASP,那么在网站的根目录中放置以下内容的 Global.asa 文件,问题就解决了。将语句 〈% response.write "现在有 " & Application("WhosOn") & " 人在线。" %〉 放在你的 ASP 网页中用于显示在线人数。
<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>
31,Q:用样式表(CSS)定制表格边框:
A:
〈Table border=0 id=tb1 style="border:3px solid red"〉
〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉
〈/Table〉
32,Q:闪亮的表格边框:
A:
<table border="0" width="280" id="tb1" style="border:3px solid green">
<tr>
<td>
制做闪亮的表格边框!
</td>
</tr>
</table>
<script language="javascript">
<!-- 这段脚本放在表格的后面
function flashit()
{
if (!document.all) return
if (tb1.style.borderColor=="green")
tb1.style.borderColor="red"
else
tb1.style.borderColor="green"
}
setInterval("flashit()", 400)
//-->
</script>
33,Q:javascript 实现的简单时钟:
A:
(1)在〈Head〉〈/Head〉之间放置以下脚本:
<script language="javascript">
<!--
var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;
function stopclock ()
{ if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timevalue = "" + ((hours >12) ? hours -12 :hours)
timevalue += ((minutes < 10) ? ":0" : ":") + minutes
timevalue += ((seconds < 10) ? ":0" : ":") + seconds
timevalue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timevalue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{ stopclock();
showtime();
}
//-->
</script>
(2)在〈Body〉属性中加 onLoad="startclock()"
(3)在〈Body〉〈/Body〉中间加
<form name="clock" onSubmit="0">
<div align="center">
<center><p><input type="text" name="face" size="13" value></p></center>
</div>
</form>
即可。
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〉属性中加 Onload="scrollit()"。
35,Q:“下雨”javascript 脚本:
A:将以下脚本放在〈Body〉〈/Body〉中间即可:
<Script Language="javascript">
<!-- Begin
var no = 50;
var speed = 1;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var s, x, y, sn, cs;
var a, r, cx, cy;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
x = new Array();
y = new Array();
r = new Array();
cx = new Array();
cy = new Array();
s = 8;
for (i = 0; i < no; ++ i) {
initRain();
if (ns4up) {
if (i == 0) {
document.write("<layer name=/"dot"+ i +"/" left=/"1/" ");
document.write("top=/"1/" visibility=/"show/"><font color=/"blue/">");
document.write(",</font></layer>");
}
else {
document.write("<layer name=/"dot"+ i +"/" left=/"1/" ");
document.write("top=/"1/" visibility=/"show/"><font color=/"blue/">");
document.write(",</font></layer>");
}
}
else
if (ie4up) {
if (i == 0) {
document.write("<div id=/"dot"+ i +"/" style=/"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;/"><font color=/"blue/">");
document.write(",</font></div>");
}
else {
document.write("<div id=/"dot"+ i +"/" style=/"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;/"><font color=/"blue/">");
document.write("’</font></div>"); //设定雨点的字符
}
}
}
function initRain() {
a = 6;
r[i] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width + 1;
cy[i] = Math.random() * doc_height + 1;
x[i] = r[i] * sn + cx[i];
y[i] = cy[i];
}
function makeRain() {
r[i] = 1;
cx[i] = Math.random() * doc_width + 1;
cy[i] = 1;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function updateRain() {
r[i] += s;
x[i] = r[i] * sn + cx[i];
y[i] = r[i] * cs + cy[i];
}
function raindropNS() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
document.layers["dot"+i].top = y[i];
document.layers["dot"+i].left = x[i];
}
setTimeout("raindropNS()", speed);
}
function raindropIE() {
for (i = 0; i < no; ++ i) {
updateRain();
if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
document.all["dot"+i].style.pixelTop = y[i];
document.all["dot"+i].style.pixelLeft = x[i];
}
setTimeout("raindropIE()", speed);
}
if (ns4up) {raindropNS(); }
else
if (ie4up) {raindropIE(); }
// End -->
</Script>
36,Q:“地震”javascript 脚本:
A:将以下脚本放在〈Body〉〈/Body〉中间即可:
<script language="javascript1.2">
<!--
function shake(n)
{
if (window.top.moveBy)
{for (i = 10; i > 0; i--)
{for (j = n; j > 0; j--)
{window.top.moveBy(0,i);
window.top.moveBy(i,0);
window.top.moveBy(0,-i);
window.top.moveBy(-i,0);
}
}
}
}
//-->
</script>
<form><input οnclick="shake(2)" type="button" value="地震啦!"></form>
37,Q:一个用 javascript 实现的简陋的计算器:
A:全部代码如下:
<html>
<head>
<script language="javascript">
<!--
function compute(obj)
{obj.expr.value = eval(obj.expr.value)}
var one = '1'
var two = '2'
var three = '3'
var four = '4'
var five = '5'
var six = '6'
var seven = '7'
var eight = '8'
var nine = '9'
var zero = '0'
var plus = '+'
var minus = '-'
var multiply = '*'
var divide = '/'
var decimal = '.'
function enter(obj, string)
{obj.expr.value += string}
function clear(obj, string)
{obj.expr.value = ''}
//-->
</script>
</head>
<body>
<form name="calc">
<table border=1>
<tr align="right">
<td colspan=4><input name="expr" action="compute(this.form)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 7 " onClick="enter(this.form, seven)"></td>
<td><input type="button" value=" 8 " onClick="enter(this.form, eight)"></td>
<td><input type="button" value=" 9 " onClick="enter(this.form, nine)"></td>
<td><input type="button" value=" / " onClick="enter(this.form, divide)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 4 " onClick="enter(this.form, four)"></td>
<td><input type="button" value=" 5 " onClick="enter(this.form, five)"></td>
<td><input type="button" value=" 6 " onClick="enter(this.form, six)"></td>
<td><input type="button" value=" * " onClick="enter(this.form, multiply)"></td>
</tr>
<tr align=center>
<td><input type="button" value=" 1 " onClick="enter(this.form, one)">
<td><input type="button" value=" 2 " onClick="enter(this.form, two)">
<td><input type="button" value=" 3 " onClick="enter(this.form, three)">
<td><input type="button" value=" - " onClick="enter(this.form, minus)"></td>
</tr>
<tr align=center>
<td colspan=2><input type="button" value=" 0 " onClick="enter(this.form, zero)">
<td><input type="button" value=" . " onClick="enter(this.form, decimal)"></td>
<td><input type="button" value=" + " onClick="enter(this.form, plus)"></td>
</tr>
<tr align=center>
<td colspan=2><input type="button" value=" = " onClick="compute(this.form)"></td>
<td colspan=2><input type="button" value=" AC " size= 3 onClick="calc.expr.value = ''"></td>
</tr>
</table>
</form>
</body>
</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:
<a href="linkto" name="link1" style="text-decoration:underline;color:green;">闪亮的链接</a>
<script language="javascript">
<!-- 这段脚本放在链接的后面
function flashit()
{
if (!document.all) return
if (link1.style.color=="green")
link1.style.color="red"
else
link1.style.color="green"
}
setInterval("flashit()", 400)
//-->
</script>
40,Q:在网页中添加“添加到收藏夹“设为首页”功能(似乎只能在 IE5.0 以上版本使用?):
A:添加到收藏夹:〈a href="javascript:window.external.addFavorite('http://链接','说明');"〉添加到收藏夹〈/a〉
设为首页:〈a href=# οnclick=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 由系统自动给出效果
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='hand';
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" οnclick="mClk(this);" οnmοuseοut="mOut(this,'#0aac9d');" οnmοuseοver="mOvr(this,'#a1bbe8');">
<a href="http://100000.home.sohu.com" target="_blank" class="nav">链接变色</a>
</td>
</tr>
<tr>
<td οnmοuseοut="mOut(this,'#0aac9d');" οnmοuseοver="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。)
61,Q:自动显示网页的最后更新日期:
A:将以下代码放入网页中,会根据网页文件的存盘时间自动显示网页的更新日期:
<script>document.write(document.lastModified)</script>
62,Q:仿 Outlook2000 导航菜单
A:这个看起来复杂的脚本改起来其实不难,但还是要小心。在源代码中有修改的注释。
(1)、首先,你需要一些 32*32 的图片,然后在源代码中将本例中的图片修改成你自己的。
(2)、其次,你需要修改 menu.htm 文件,即左侧的文件。还有 2 个 javascript 脚本文件。
(3)、最后别忘记修改主文件,这是 frameset 分帧文件,右侧的 frame 的名字在这里是“main”,所以需要页
面在右侧打开时用到了“parent.main”就是这个原因,请注意一下。(在整个页面中打开时用“top”即可。)
63,Q:用 css 和 javascript 定制按钮
A:请参看示例……
按钮说:我要疯狂!
效果演示:
首先,在 <head> 区定义 CSS(层叠式样式表单)的 2 个 class, 分别是 .over 和 .down (注意在名字前面有个点)。代表含义是"鼠标覆盖和按下去的式样效果"。 你可以修改颜色等属性。属性请参考 CSS 相关属性。
<html>
<head>
<style type="text/css">
<!--
.over {color:yellow; background: navy}
.down {color:yellow; background: navy; font-style: italic}
-->
</style>
</head>
<body>
<input
type="Button"
onMouseOver="this.className='over';"
onMouseOut="this.className='';"
onMouseDown="this.className='down';"
onMouseUp="this.className='over';"
value="我是按钮"
onClick="this.value='我要疯狂!!!'" name="Button">
</body>
</html>
补充说明:
(1)、这里用到了一些与鼠标动作有关的事件,其实 DHTML 就是依靠事件驱动的。这里用到的事件有onmouseover,onmouseout,onmousedown,onmouseup,分别代表鼠标覆盖(移动到某个对象上),鼠标离开,鼠标按下去,鼠标按下去又松开。
(2)、与按钮相关的知识:在 HTML 中我们使用 <input type="button" value="button"> 和 <input type="submit" value="button"> 都可以生成按钮,但是用法是有区别的。用 <input type="submit" value="button"> 生成的按钮,在点击后交由 Form 标签中的 action 中指定的程序去处理,一般是 CGI/ASP 等程序(例如:<form method="post" action="submit.cgi">)。而 <input type="button" value="button"> 生成的按钮在点击后通过 onclick 事件定义的方法处理。 本例 onClick="this.value='我要疯狂!!!'" 表示显示"我要疯狂!!!"字符串。这实际上没有什么实际意义。
下面是一些常用的 onclick 事件的写法:
A)onClick="javascript:alert('ok!')" 弹出警告窗口显示ok信息。
B)onClick="javascript:location.href='http://100000.home.sohu.com'"; 点击后连向某个站点或页面。
注意:括号不要混用。双套单"''",或者单套双'""'。
64,Q:样式表单图片动画效果示范
A:代码:
〈img src=about_net-e.jpg id=image1
style="visibility:hidden;
FILTER:revealTrans(Duration=4.0, Transition=23);"〉
〈SCRIPT FOR=window EVENT=onLoad LANGUAGE=vbscript〉
image1.filters.item(0).apply()
image1.filters.item(0).transition = [取值:0-22]
image1.Style.visibility = ""
image1.filters(0).play(1)
〈/SCRIPT〉
65,Q:数字时钟(示例一)
A:<html>
<head>
<title>生动逼真的数字时钟</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
A:link {text-decoration: none; color:#ffffff; font-family: 宋体}
A:visited {text-decoration: none; color: #e0e088; font-family: 宋体}
A:active {text-decoration: none; color: #FF0000; font-family: 宋体}
A:hover {text-decoration: underline; color: FF0000}
body {font-size:9pt}
td {font-size:9pt}
</style>
<script language="javascript">
<!--
img = new Array()
for(var i=0; i <= 14; i++)
{img = new Image();}
img[1].src = "dg0.gif"
img[2].src = "dg1.gif"
img[3].src = "dg2.gif"
img[4].src = "dg3.gif"
img[5].src = "dg4.gif"
img[6].src = "dg5.gif"
img[7].src = "dg6.gif"
img[8].src = "dg7.gif"
img[9].src = "dg8.gif"
img[10].src = "dg9.gif"
img[11].src = "dgon.gif"
img[12].src = "dgoff.gif"
img[13].src = "dgam.gif"
img[14].src = "dgpm.gif"
var base = "dg"
var space = "space.gif"
var per = false
function stop() {
document.one.src = space
document.two.src = space
document.three.src = space
document.four.src = space
document.five.src = space
document.six.src = space
per = false
}
function pause() {per = false}
function go() {per = true; start()}
function start()
{ if(per == true) {
var now = new Date()
var hours = now.getHours();
var ampm = (hours < 12) ? "am" : "pm"
hours = (hours > 12) ? (hours - 12) + "" : hours + ""
hours = (hours == "0") ? "12" : hours
hours = (hours < 10) ? "0" + hours : hours + ""
var minutes = now.getMinutes();
minutes = (minutes < 10) ? "0" + minutes : minutes + ""
var seconds = now.getSeconds();
seconds = (seconds < 10) ? "0" + seconds : seconds + ""
document.one.src = (hours.charAt(0)=="0") ? space : add(hours.charAt(0))
document.two.src = add(hours.charAt(1))
document.three.src = (now.getSeconds() % 2) ? add("on") : add("off")
document.four.src = add(minutes.charAt(0))
document.five.src = add(minutes.charAt(1))
document.six.src = add(ampm)
setTimeout("start()",1000)
}
}
function add(it) {return "dg" + it + ".gif"}
//-->
</script>
</head>
<body onLoad="go()" bgcolor="#000000" text="#FFFFFF" onselectstart="return false;">
<div align="center">
<p><font size="3" color=yellow>数字时钟 [Digital Clock]</font></p>
<p><img src="space.gif" width=16 height=21 alt="clock" name="one"><img src="space.gif" width=16 height=21 alt="clock" name="two"><img src="space.gif" width=8 height=21 alt="clock" name="three"><img src="space.gif" width=16 height=21 alt="clock" name="four"><img src="space.gif" width=16 height=21 alt="clock" name="five"><img src="space.gif" width=16 height=21 alt="clock" name="six">
<br><a href="javascript:go()">开始</a> | <a href="javascript:pause()">暂停</a> | <a href="javascript:stop()">停止</a>
</p>
<table width="69%" border="0">
<tr>
<td>代 码:<br>
<br>
<html><br>
<head><br>
<title>生动逼真的数字时钟</title><br>
<script language="javascript"><br>
<!--<br>
img = new Array()<br>
for(var i=0; i <= 14; i++) {img = new Image()}<br>
img[1].src = "dg0.gif"<br>
img[2].src = "dg1.gif"<br>
img[3].src = "dg2.gif"<br>
img[4].src = "dg3.gif"<br>
img[5].src = "dg4.gif"<br>
img[6].src = "dg5.gif"<br>
img[7].src = "dg6.gif"<br>
img[8].src = "dg7.gif"<br>
img[9].src = "dg8.gif"<br>
img[10].src = "dg9.gif"<br>
img[11].src = "dgon.gif"<br>
img[12].src = "dgoff.gif"<br>
img[13].src = "dgam.gif"<br>
img[14].src = "dgpm.gif"<br>
var base = "dg"<br>
var space = "space.gif"
<p>var per = false<br>
function stop()<br>
{<br>
document.one.src = space<br>
document.two.src = space<br>
document.three.src = space<br>
document.four.src = space<br>
document.five.src = space<br>
document.six.src = space<br>
per = false<br>
}<br>
function pause() {per = false}<br>
function go()<br>
{<br>
per = true<br>
start()<br>
}<br>
function start()<br>
{<br>
if(per == true) {<br>
var now = new Date()<br>
var hours = now.getHours();<br>
var ampm = (hours < 12) ? "am" : "pm"<br>
hours = (hours > 12) ? (hours - 12) + "" : hours + ""<br>
hours = (hours == "0") ? "12" : hours<br>
hours = (hours < 10) ? "0" + hours : hours + ""<br>
var minutes = now.getMinutes();<br>
minutes = (minutes < 10) ? "0" + minutes : minutes + ""<br>
var seconds = now.getSeconds();<br>
seconds = (seconds < 10) ? "0" + seconds : seconds + ""<br>
document.one.src = (hours.charAt(0)=="0") ? space : add(hours.charAt(0))<br>
document.two.src = add(hours.charAt(1))<br>
document.three.src = (now.getSeconds() % 2) ? add("on") :
add("off")<br>
document.four.src = add(minutes.charAt(0))<br>
document.five.src = add(minutes.charAt(1))<br>
document.six.src = add(ampm)<br>
setTimeout("start()",1000)<br>
}<br>
}</p>
<p>function add(it){ return "dg" + it + ".gif"}<br>
//--><br>
</script><br>
</head><br>
<br>
<body <font color="#66FF66">onLoad="go()"</font> bgcolor="#000000"
text="#FFFFFF"><br>
<font color="#FFFFCC"><img src="space.gif" width=16 height=21
alt="clock" name="one"><img src="space.gif"
width=16 height=21 alt="clock" name="two"><img
src="space.gif" width=14 height=21 alt="clock" name="three"><img
src="space.gif" width=16 height=21 alt="clock" name="four"><img
src="space.gif" width=16 height=21 alt="clock" name="five"><img
src="space.gif" width=16 height=21 alt="clock" name="six">
</font><br>
<br><br>
<a href="javascript:go()">开始</a> | <a href="javascript:pause()">pause</a> | <br>
<a href="javascript:stop()">stop</a>
<br></body><br>
</html></p>
<p>说明:图片文件名应该是dg0.gif,dg1.gif...,你可以用自己的图片替换它们。<BODY>标签中的<font color="#66FF66">onLoad="go()"</font>千万不要少,否则不会运行的。</p>
<p>黄色部分代码是时钟初始设置,写成一行,这样数字之间不会留空格。</p>
</td>
</tr>
</table>
</DIV>
<!底部标签--><br><hr width=72% color=green>
<table border="0" align="center" cellspacing="2" cellpadding="0">
<tr align="center">
<td>Copyright(C) By 西安网e工作室</td>
<td align="left"><a href="javascript:close()"><img src="../../images/close.gif" border="0" alt="关闭本窗口" WIDTH="32" HEIGHT="32"></a></td>
</tr>
<tr align="center">
<td colspan="2">
站长邮箱:<a href="mailto:zhangking@263.net?subject=给张庆的信">zhangking@263.net</a>
Bp:029-95808 呼 822686 O'ICQ:9365822
</td></tr>
</table><p>
</body>
</html>
66,Q::数字时钟(示例二)
A:代 码:
<HTML>
<HEAD>
<TITLE>生动的数字时钟</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=Javascript>
function start(){
timer = new Array(10);
timer[1]= new Image(15, 19);
timer[1].src = "pics/1.gif";
timer[2] = new Image(15, 19);
timer[2].src = "pics/2.gif";
timer[3] = new Image(15, 19);
timer[3].src = "pics/3.gif";
timer[4] = new Image(15, 19);
timer[4].src = "pics/4.gif";
timer[5] = new Image(15, 19);
timer[5].src = "pics/5.gif";
timer[6] = new Image(15, 19);
timer[6].src = "pics/6.gif";
timer[7] = new Image(15, 19);
timer[7].src = "pics/7.gif";
timer[8] = new Image(15, 19);
timer[8].src = "pics/8.gif";
timer[9] = new Image(15, 19);
timer[9].src = "pics/9.gif";
timer[0] = new Image(15, 19);
timer[0].src = "pics/0.gif";
maj();
}
function change(nom, index)
{
image = eval("timer[" + index + "].src");
if (document [nom].src != image)
{
document [nom].src = image
}
}
function maj()
{
hour = new Date();
h = hour.getHours();
m = hour.getMinutes();
s = hour.getSeconds();
h1 = Math.floor(h / 10);
h2 = h % 10;
m1 = Math.floor(m / 10);
m2 = m % 10;
s1 = Math.floor(s / 10);
s2 = s % 10;
change("hour1", h1);
change("hour2", h2);
change("minute1", m1);
change("minute2", m2);
change("second1", s1);
change("second2", s2);
setTimeout("maj()" ,1000)
}
</SCRIPT>
</HEAD>
<BODY bgColor=#ffffff οnlοad=start()>
<P align=center>
<IMG height=19 name=hour1 src="pics/0.gif" width=15>
<IMG height=19 name=hour2 src="pics/1.gif" width=15>
<IMG height=19 src="pics/sep.gif" width=15>
<IMG height=19 name=minute1 src="pics/2.gif" width=15>
<IMG height=19 name=minute2 src="pics/3.gif" width=15>
<IMG height=19 src="pics/sep.gif" width=15>
<IMG height=19 name=second1 src="pics/4.gif" width=15>
<IMG height=19 name=second2 src="pics/5.gif" width=15></P>
</BODY></HTML>
68,Q:网页中的滚动菜单示例:
A:<HTML>
<HEAD>
<TITLE>滚动菜单:Scroll Menu</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type> bitsCN.nET中国网管博客
<STYLE type=text/css>
.link {COLOR: #000000; TEXT-DECORATION: none}
A.link:hover {COLOR: red}
A.link:active {COLOR: #000000; TEXT-DECORATION: none}
BODY {FONT-SIZE: 9pt; MARGIN: 0pt}
td {FONT-SIZE: 9pt;}
#slidemenubar2
{BACKGROUND-COLOR: #ffffff;
BORDER-BOTTOM: black 1.5pt solid;
BORDER-LEFT: black 1.5pt solid;
BORDER-RIGHT: black 1.5pt solid;
BORDER-TOP: black 1.5pt solid;
FONT: 9pt/20pt "宋体";
POSITION: absolute;
LEFT: -110pt;
TOP: 100pt;
WIDTH: 120pt;
layer-background-color: #ffffff
}
#slidemenubar
{BACKGROUND-COLOR: #f3f3f3;
BORDER-BOTTOM: black 1.5pt solid;
BORDER-LEFT: black 1.5pt solid;
BORDER-RIGHT: black 1.5pt solid;
BORDER-TOP: black 1.5pt solid;
FONT: 9pt/20pt "宋体"; 中国网管联盟
POSITION: absolute;
LEFT: -110pt;
TOP: 100pt;
WIDTH: 120pt;
layer-background-color: #00ff00
}
</STYLE>
</HEAD>
<BODY bgColor=black leftMargin=0 text=#ffffff>
<br><P>
<SCRIPT language=javascript1.2>
if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">')
</SCRIPT>
<LAYER id=slidemenubar οnmοuseοver="pull();" οnmοuseοut="draw();">
<SCRIPT language=javascript1.2>
var sitems=new Array()
var sitemlinks=new Array()
//以下是菜单内容,自由配置:
sitems[0]="本站首页:十万个为什么"
sitems[1]="本站映像网站"
sitems[2]="站长专区:夜猫站长"
sitems[3]="给我留言"
sitems[4]="网络工程师"
中国网管论坛
sitems[5]="撰稿人之家"
sitems[6]="关于我们"
//菜单项目连接:
sitemlinks[0]="http://100000.home.sohu.com";
sitemlinks[1]="http://why100000.at.china.com";
sitemlinks[2]="../zhan_zhang_zhuan_qu.htm"
sitemlinks[3]="mailto:zhangking@263.net"
sitemlinks[4]="http://networkengineer.yeah.net";
sitemlinks[5]="http://www.jgrzj.com";
sitemlinks[6]="../about_us/about_us.htm"
for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>')
</SCRIPT>
</LAYER>
<SCRIPT language=javascript1.2>
function regenerate()
{ window.location.reload() }
function regenerate2()
{if (document.layers) setTimeout("window.οnresize=regenerate",400) }
window.οnlοad=regenerate2
bitsCN.Com
if (document.all)
{document.write('</div>')
themenu=document.all.slidemenubar2.style
rightboundary=0
leftboundary=-150
}
else
{themenu=document.layers.slidemenubar
rightboundary=150
leftboundary=10
}
function pull()
{if (window.drawit)clearInterval(drawit)
pullit=setInterval("pullengine()",50)
}
function draw()
{clearInterval(pullit)
drawit=setInterval("drawengine()",50)
}
function pullengine()
{if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5
else
if(document.layers&&themenu.left<rightboundary)
themenu.left+=5
else
if (window.pullit)
clearInterval(pullit)
}
function drawengine()
{if (document.all&&themenu.pixelLeft>leftboundary) www.bitsCN.com
themenu.pixelLeft-=5
else
if(document.layers&&themenu.left>leftboundary)
themenu.left-=5
else
if (window.drawit)
clearInterval(drawit)
}
</SCRIPT>
</P>
<DIV align=center>
<P><FONT face="Arial, Helvetica, sans-serif" size=5><B>滚动菜单:Scroll Menu</B></FONT>
<P>这是个滚动菜单的演示网页。把鼠标移到本网页左边的白色竖条上,就会“滚”出一个菜单区域。
<p>本网页代码全部包含在本网页中,用“查看源代码”即可看到全部代码。
<p>代码关键在于层的绝对位置的配置。
<P>假如要实际使用,只要改变一下链接的名称和 Url 即可。
</DIV>
<br><br><br><br><br><br><br><br><br><br>
<hr color=green width=80%>
<table border=0 align="center" cellspacing=7 cellpadding=0>
<tr align=center>
bitsCN_com
<td>Copyright(C) Net-e Network Studio,Xi'an China</td>
<td align="left"><a href="javascript:close()">
<img src="../images/close.gif" border="0" alt="关闭本窗口" WIDTH="32" HEIGHT="32"></a>
</td>
</tr>
<tr align=center>
<td colspan=2>站长邮箱:zhangking@263.netBp:029-95808 呼 822686</td>
</tr>
</table>
</BODY>
</HTML>
69,Q:用 Jsp 调用 oracle 的存储过程
A:假定存储过程名字为 sp_yourprocedurename,有两个参数
CallableStatement cstmt = con.prepareCall("{call sp_yourprocedurename(?,?}");
cstmt.registerOutparameter(2,java.sql.Types.FLOAT);
cstmt.setint(1,parameter1);
cstmt.execute();
out.println("Procedure output is :"+cstmt.getFloat(2)); www_bitscn_com
70,Q:用 PHP 获得浏览器信息?
A:
GET /temp.php HTTP/1.1
Accept: image/gif, image/x-xbitmap, image/jpeg, image/pjpeg, application/vnd.ms-powerpoint, application/vnd.ms-excel, application/msword, */*
Referer: http://199.199.199.5/index.php
Accept-Language: zh-cn,zh-tw;q=0.5
Accept-Encoding: gzip, deflate
User-Agent: Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
Host: www.bingdu.org
Connection: Keep-Alive
Cookie: PHPSESSID=46bb38ce8d7b870dd704bca7ad6071ca
$var = getenv("$string");
$string 就是以下一些值了:
HTTP_ACCEPT //接收的数据类型。
HTTP_REFERER //引用地址
HTTP_USER_AGENT //流览器
HTTP_ACCEPT_LANGUAGE //流览器语言
HTTP_HOST //主机地址
HTTP_CONNECTION //连接状态
HTTP_COOKIE //COOKIE
71,Q:如何将一个表单同时提交到两个地方处理(以 PHP 为例)?
bitsCN.Com
A:
<script language=javascript>
function dosubmit()
{window.open('first.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
window.open('second.php?var1='+window.form1.var1.value+'&var2='+window.form1.var2.value);
return false;
}
</script>
<form name=form1 οnsubmit="return dosubmit();">
<input name=var1>
<input name=var2>
<input type=submit>
</form>
72,Q:IE5.x 快捷操作技法大放送
A:
(一)、打印操作技巧
1、要打印文档,用户可以将 Internet 快捷方式拖动到桌面的打印机图标上;
2、要迅速打印 Web 页的某个框架,可右单击该框架,然后单击“打印”选项;
3、用户可以打印出与 Web 页相连的所有链接的列表。在“打印”对话框中,单击“打印链接列表”;
4、用户可以打印指定 Web 页上所链接的所有文档。在“打印”对话框中,单击“打印所有链接的文档”;
5、要打印当前页或活动框架,请按 Ctrl+ P组合键。
(二)、地址栏操作技巧
1、要显示用户在地址栏中键入过的 Internet 地址,请按 F4键;
2、在地址栏中,按 Ctrl+ ← 组合键,就可以让光标以地址部分为单位迅速向后移动;
3、在地址栏中,按 Ctrl+ → 组合键,就可以让光标以地址部分为单位迅速向前移动;
4、用户可以在地址栏中键入收藏页的友好名称,然后在出现的自动完成列表中选择网页名称;
5、要从地址栏中搜索,可在某单词或词语之前键入go, find,或?,然后按 Enter 键;
6、按 Alt + D组合键,可以将光标移到地址栏中。
7、 用户可以在地址栏中键入某个单词,然后按 Ctrl+ Enter 组合键,可在单词的两端自动添加 http://www. 和 .com。
(三)、工具菜单操作技巧
1、要将主页更改为用户当前打开的网页,可单击“工具”菜单,单击“Internet 选项”,然后单击“使用当前页”按钮;
2、若要通过删除临时文件来释放硬盘空间,则单击“工具”菜单,单击“Internet选项”,然后单击“删除文件”按钮;
3、要更改 Web 页上链接的颜色,请单击“工具”菜单,单击“Internet选项”,然后单击“颜色”按钮;
4、单击“工具”菜单,然后单击“Windows Update”,可以安装其他 Internet Explorer 组件;
5、要调整存放 Internet 临时文件的硬盘空间,请单击“工具”菜单,单击“Internet选项”,然后单击“设置”按钮。
(四)、收藏夹操作技巧
1、单击“收藏”菜单,然后单击“整理收藏夹”,可以将文件夹添加到收藏夹列表中;
2、右键单击“收藏夹”或链接列表中的某快捷方式,然后单击“删除”,可以将其删除;
3、要更改收藏站点的脱机属性,可右键单击收藏列表中的项目,然后单击“属性”;
4、要筛选用户的计算机可以显示哪些 Web 站点,请单击“工具”菜单,单击“Internet 选项”,单击“内容”选项卡,然后单击“启用”。
(五)、窗口操作技巧
1、按 F11 可以在 Internet Explorer 常规大小窗口和全屏幕模式之间切换;
2、按 Ctrl+W 可以关闭当前窗口;
3、按 Ctrl+N 可以新建窗口。
(六)、Web 操作技巧
1、在某页上单击右键,然后单击“创建快捷方式”,就可以迅速创建该 Web 页的快捷方式并放在桌面上;
2、要查看某 Web 页是如何编码的,可在该页上单击右键,然后单击“查看源文件”,即可获得某Web页的源编码;
3、要放大或缩小 Web 页上的文字,单击“查看”菜单,然后单击“文字大小”。按 F5键刷新屏幕;
4、要迅速将 Web 页保存到用户的收藏夹列表,请按 Ctrl+D组合键;
5、单击“文件”菜单,指向“发送”,然后单击“电子邮件页面”,可以在电子邮件中发送 Web 页;
6、Web 图片和背景可以做成美妙的桌面墙纸,只要右键单击用户想要的图片,然后单击“设置为墙纸;
7、要保存网页或图片而不将其打开,请右键单击用户想要的链接,然后单击“目标另存为”;
8、要迅速加载 Web 页,请单击“工具”菜单,单击“Internet选项”,再单击“高级”选项卡,然后关闭声音和图片;
9、要查看会话过程中用户所键入的所有 Internet 地址链接,请单击地址栏右端的小向下箭头;
10、用户可以为每个 Web 站点设置不同的安全级别,单击“工具”菜单,单击“Internet选项”,然后单击“安全”选项卡;
11、要在 Web 页上搜索某单词或词组,请按 Ctrl+ F组合键,打开“查找”对话框;
12、单击工具栏上的“历史”按钮,可以看到用户最近访问过的 Web 站点的列表;
13、如果用户想了解如何使用 World Wide Web,请单击“帮助”菜单,然后单击“教程”;
14、在某Web页上单击右键,然后单击“创建快捷方式”,就可以迅速创建该 Web 页的快捷方式并放在桌面上;
15、按 F5 键刷新,可以保证用户正查看的 Web 页包含最新的内容;
16、如果用户使用的电子邮件程序是 Microsoft Outlook 或 Outlook Express,那么用户就可以将 Internet 快捷方式拖动到电子邮件中;
17、将指向 Web 页的快捷方式拖动到链接栏中,可以只单击一次就打开用户经常访问的 Web 页;
18、要停止下载网页,请按 Esc 键;
19、要取消 Web 页链接中的下划线,请单击“工具”菜单,单击“Internet选项”,然后单击“高级”选项卡。
[COLOR=blue]73,Q:制作网页的目录式导航菜单[/COLOR]
A:
(一)、把如下代码加入<head></head>区域中
<head>
<SCRIPT language=javascript>
<!--
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>
</head>
(二)、把如下代码加入<body>区域中
<div id="back" οnmοuseοut="out()" style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" οnmοuseοver="menu.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">有喜下载</a>
<a id="link" href="hjsj.htm">黄金书记</a>
<a id="link" href="mntk.htm">美女偷裤</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" οnmοuseοut="out1()" style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" οnmοuseοver="menu1.style.visibility='visible'">
<font color=red size=2>菜单
</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH动画欣赏</a>
</div>
</div>
[COLOR=blue]74,Q:网页文字颜色的搭配技巧[/COLOR]
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″——配黑色文字比较好看,一般作为正文
浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果。
以上配色方案仅供参考。
[COLOR=blue]75,Q:IFRAME 标签的属性参数[/COLOR]
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"表示"否"
[COLOR=blue]76,Q:使用表格时应注意那些问题?[/COLOR]
A:1、整个表格不要都套在一个表格里,尽量拆分成多个表格,可以加快显示速度;
2、表格的嵌套层次尽量要少,最好嵌套表格不超过 3 层,这样可以加快浏览器解释 html 脚本代码的时间;
3、单一表格的结构尽量整齐;
4、表格的 width=100% 可以使表格适应浏览器不同的分辨率;
5、用表格进行版面布局比用层来得更好一些。
6、同时设定表格背景图片和颜色。有一些版本的浏览器不显示表格背景图形,只显示缺省背景颜色,有的访问者关闭了多媒体图形选项来浏览,为了满足这部分来访者,最好同时设定表格背景图片和颜色;
[COLOR=blue]77,Q:Javascript 文字特效一例[/COLOR]
A:
<script language="JavaScript">
text = "十万个为什么网站"; //显示的文字
color1 = "blue"; //文字的颜色
color2 = "red"; //转换的颜色
fontsize = "8"; //字体大小
speed = 200; //转换速度 (毫秒)
i = 0;
if (navigator.appName == "Netscape") {
document.write("<layer id=a visibility=show></layer>
");
}
else {
document.write("<div id=a></div>");
}
function changeCharColor()
{if (navigator.appName == "Netscape") {
document.a.document.write("<center><font face=arial size =" + fontsize + "><font color=" + color1 + ">");
for (var j = 0; j < text.length; j++) {
if(j == i){document.a.document.write("<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>");}
else {document.a.document.write(text.charAt(j));}
}
document.a.document.write('</font></font></center>');
document.a.document.close();
}
if (navigator.appName == "Microsoft Internet Explorer") {
str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";
for (var j = 0; j < text.length; j++) {
if( j == i) {
str += "<font face=arial color=" + color2 + ">" + text.charAt(i) + "</font>";
}
else {
str += text.charAt(j);
}
}
str += "</font></font></center>";
a.innerHTML = str;
}
(i == text.length) ? i=0 : i++;
}
setInterval("changeCharColor()", speed);
</script>
[COLOR=blue]78,Q:解决 DW4 普通文本的汉字输入问题[/COLOR]
A:这是 DW4 的一个大问题。即使把 coding 设成 gb, 输入中文时,用中文字体,也不能解决。在使用之中发现,全拼输入、紫光拼音等比较正常,但用五笔等输入法时就会出问题:无论你打多少字,它都会用后一个字覆盖前一个字,让你的页面始终只有一个字。另一种情况是,在某些光标位置可以输入,有些又不行。对这个问题,现在似乎还没有很完美的解决办法。笔者试推荐以下方法:
1、更换另一种输入法,即全拼输入、紫光拼音、拼音加加等;
2、直接将中文文本信息拷贝进去;
3、有时可输入,有时不可输入的情况,请点击一下 DW4 的标题和属性栏就可以输入了;
4、系统采用中文的 Windows9x 或 Windows ME。
[COLOR=blue]79,Q:解决 DW4 中 Flash 文字和按钮的汉字输入问题[/COLOR]
A:DW4 中加强了与 Flash 的直接交互,比如直接制作 Flash 的文字和按钮、直接浏览插入的 Flash 文件(按属性栏中的三角形播放键)等等。就算你不会使用 Flash 也可以在 Dreamweaver 中直接插入 Flash 动画格式的文字或按钮,只要简简单单输入文字就可以了。比起传统的点阵图文字或按钮,档案更小、更漂亮。但遗憾的是,其中输入的文字不支持中文!没办法,还是直接用 Flsah 软件制作,况且在 Flash5 中作一个类似 DW4 中的中文按钮并不难。
[COLOR=blue]80,Q:解决 DW4 表格的亮暗边问题[/COLOR]
A:原来的 DW3 可以做表格的阴影效果,可是 DW4 却不行了,因为属性板上没有了 borderlight 和borderdark 的输入框。可以用以下二种方法来变通解决:
1、内外边框的颜色可以用鼠标来选择。从表格的上方或者左方选择表格,鼠标会变成一个向下或向左的箭头形状,这时你就可以选中表格单元的内边框了。这是再设定属性栏中“Border” 的颜色即可。这样可以设定表格单元的内边框为不同颜色了。把 cellspace 设的大一点,效果将更明显。
2、直接编辑 html 源代码解决。
[COLOR=blue]81,Q:解决 DW4 的空格输入问题[/COLOR]
A:DW4 不能输入空格,这是 DW3 就有的老问题了。这里提供三种解决办法:
1、输入全角空格。如果你用的是“智能ABC”的拼音输入的话,请按 SHIFT+空格,这时输入法的属性栏上的半月形就变成了圆形了,然后再敲空格键,空格就出来了。
2、你也可以在输入的时候直接按 CTRL+SHIFT+空格,连按 4 次,就可以得到两个汉字大小的空格。
3、将属性栏中的 FORMAT 设定为 Preformatted 后,就可直接输入空格。
[COLOR=blue]82,Q:解决 DW4 字体设定不能保存的问题[/COLOR]
A:DW4 里面的字体、文字大小设定(Edit-Preferences-Font/Encoding)不能保存,怎么解决? 只有修改注册表,方法是在注册表主键 HKEY_CURRENT_USER/Software/Macromedia/Dreamweaver 4/Font Preferences 下建立 "Number Encodings"=dword:0000000c 和 "Default Encoding"=dword:00000005。
[COLOR=blue]83,Q:用 css 代码构造三维字[/COLOR]
A:
<HTML>
<HEAD>
<STYLE type=text/css>
.3dfont {COLOR:#0000ff; FILTER:glow(color=ffffff,strength=1) shadow(color=dedede,direction:100); POSITION:relative; WIDTH:100%}
</STYLE>
</head>
<body>
<font size=24 class=3dfont>这是三维字体</font>
<font size=24>这不是三维字体</font>
</body>
[COLOR=blue]84,Q:IE 的 HTC-behavior 文件[/COLOR]
A:HTML 组件是 Internet Explore 5.5 主要的、革命性的新特征之一。Microsoft 的目的是用它取代 ActiveX 控件。HTML 组件是封装的对象,也像 ActiveX 控件一样是“自包含”的,可以在开发完后发布给任何人。使用 HTML 组件有很多好处。
ActiveX 控件的一个缺点是:在使用前必须在客户机上安装注册。而 HTML 控件是和主文档一样随时由用户下载到客户机的。对于 DHTML 作者来说,HTML 控件更有吸引力,因为他们可以使用已经很熟悉的语言 DHTML 来开发自己的控件和组件。
HTC 提供了一种简单的机制在脚本中实现 DHTML 行为。一个 HTC 文件就是一个以 .htc 为扩展名存储的 HTML 文件,它包含脚本和一组 HTC 特有的自定义元素。这些元素描述了 HTML 组件定义的属性、方法和事件。在脚本中可以通过它们各自的 ID 属性访问所有 HTC 元素。这样,可以通过脚本动态操纵 HTC 元素的所有属性和方法。
我们能用 HTC 实现以下行为:
描述属性和方法:通过 PROPERTY 和 METHOD 元素定义属性和方法;
描述自定义事件:通过 EVENT 元素定义,使用元素的 fire() 方法在它们所在的页面里引发这些事件。事件的环境可以通过 createEventObject() 方法设置;
在它们所在的页面里访问 DHTML 对象模型:HTC 中的 object 元素返回它所附属的元素,通过这个对象,HTC 能访问他所在的文档及其对象模型(属性、方法和事件)。
接受通报:当使用 ATTACH 元素时,浏览器向 HTC 通报标准 DHTML 事件和两个 HTC 专有 事件,oncontentready 和 ondocumentready。
HTC 封装了行为的定义,Internet Explorer 5.0 首先提出了行为这个概念。在 Internet Explorer 5.0 概览中介绍了行为这个概念。在 HTC 中使用行为封装的好处是不能从它们的元素标记中将它们删掉。在 IE 5.0 里,可以通过脚本从元素中除去行为。在 IE 5.5 里,元素始终存在,并且不能将它们和原来的行为分开。
85,Q:当刷新或关闭 IE 时打开一个窗口
A:
<head>
<script>
function openwin()
{ window.open('apage.htm')}
</script>
</head>
<body οnbefοreunlοad="return openwin();">
86,Q:网页中应用 open 函数打开窗口的一个技巧
A:window.open 函数应用在链接中可以有 2 种形式,即 <a href="javascript:window.open('page.htm','','')">…</a>
和 <a href=# onClick="window.open('page.htm','','')">…</a>
但当该链接所在的网页在帧中时,就只能使用第二种,第一种会多产生 1 个包含无用信息的窗口。此外,第二种方法对于用图片做超链接也很方便,形式为 <img src="图片文件" onClick="window.open('page.htm','','')">
87,Q:把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。注意对于已经排好版的网页,会使网页左右产生镜像颠倒。实际上 RTL 即 Right to Left 的意思,它规定了网页中的文字方向。正常的网页文字方向默认为 LTR。
88,Q:怎样把 PHP 的一个数组传递给 javascript 的一个数组?
A:用 javascript 定义一个数组比如 list=new array(),在 php 中有一个数组 $a[],如果要把数组 $a[]的值传递给 list 怎么办呢?
<?php
echo "<script language=javascript>";
echo "list=new Array();";
for(i=0;i<count($a);i++)
{ echo "list=" . $a[$i];}
echo "</script>";
?>
以上代码只是表述一个思想,其实在 Asp、Jsp 中也同样可以借鉴使用。
89,Q:网页上传后为什么看不到更新效果?
A:如果上传真的没有问题的话,请删掉本地机器中的网页临时缓冲文件试试。同时,有些网站(如 China.com)要在更新几十分钟到几小时之后才能看到更新结果。
90,Q:在 IE 子窗口能调用父窗口的函数(function)吗?
A:可以。例如,父窗口这样写:
……
<head>
<script> function F() { alert("父窗口函数"); } </script>
</head>
<body οnlοad="open('2.htm')">
<input type=hidden id=F1 οnclick="F()">
在子窗口中这样写:
<input type=button value="执行父窗口函数" οnclick="javascript:window.opener.document.all.F1.click()">
或者干脆这样写:<input type=button value="执行父窗口函数2" οnclick="javascript:opener.F()">
91,Q:在 Windows 桌面上建立网站链接的快捷方式
A:
<script language="Javascript">
var WshShell = new ActiveXObject("WScript.Shell");
strDesktop = WshShell.SpecialFolders("Desktop");
var oUrlLink = WshShell.CreateShortcut(strDesktop + "//十万个为什么.url");
oUrlLink.TargetPath = "http://100000.home.sohu.com";
oUrlLink.Save();
</script>
92,Q:在桌面上建立应用程序的快捷方式
A:以在桌面上建立 Notepad.exe 的快捷方式为例:
<Script language="Javascript">
var WSHShell = WScript.CreateObject("WScript.Shell");
//Read desktop path using WshSpecialFolders object
var DesktopPath = WSHShell.SpecialFolders("Desktop");
//Create a shortcut object on the desktop
var MyShortcut = WSHShell.CreateShortcut(DesktopPath + "//notepad 的快捷方式.lnk");
//Set shortcut object properties and save it
MyShortcut.TargetPath = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe");
MyShortcut.WorkingDirectory = WSHShell.ExpandEnvironmentStrings("%windir%");
MyShortcut.WindowStyle = 1;
MyShortcut.Description = "Shortcut Script 脚本";
MyShortcut.Hotkey = "CTRL+Alt+F";
MyShortcut.IconLocation = WSHShell.ExpandEnvironmentStrings("%windir%//notepad.exe, 0");
MyShortcut.Save();
WScript.Echo("成功建立桌面上 Notepad 的快捷方式");
</Script>
93,Q:在收藏夹中加入 Url 的快捷方式
A:
<Script language="Javascript">
var WshShell = new ActiveXObject("WScript.Shell");
strFav = WshShell.ExpandEnvironmentStrings("%windir%//Favorites");
var MyFav = WshShell.CreateShortcut(strFav + "//我的十万个为什么.url");
MyFav.TargetPath = "http://100000.home.sohu.com";
MyFav.Save();
</Script>
94,Q:屏蔽网页中的错误提示信息
A:在网页的<Body>中加脚本:<Script> window.οnerrοr="return true";</Script>
95,Q:控制网页表格的边框显示
A:(1)、控制表格的边框:
表格标签 <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)、用表格制作线条:
以下代码可以实现一条线段:
<table width=80% border=1 cellpadding=0 cellspacing=0 bordercolor=#e8e8ff frame=below>
<tr><td> </td></tr>
</table>
96,Q:关于表格中的 <thead>、<tbody>、<tfoot> 标签以及表格的列分组
A: <thead> 是“头”标签,<tbody> 是“体”标签,<tfoot> 是“脚注”标签。用它们可以把表格的标头、表格体、脚注进行分组(行分组),便于分别控制它们的外观。表格的列分组标签是 <colgroup>,它有 span、align 等属性,举例如下:
<table border=1 width=60%>
<colgroup span=3 align=center>
<colgroup align=left>
<colgroup align=right>
<tr><td>aaa</td><td>I'm aaa</td><td>男</td><td>100.20</td><td>1500.00</td></tr>
<tr><td>bbb</td><td>I'm bbb</td><td>女</td><td>32.50</td><td>32000.90</td></tr>
<tr><td>ccc</td><td>I'm ccc</td><td>女</td><td>66.00</td><td>10000.50</td></tr>
</table>
97,Q:保护自己的网页文本和图片:
A:
(1)、自己辛苦创作或收集的文章被别人“^C^V”偷了去,谁心里都不会舒服的。我们可以在自己的网页<Body>标签中加入 onselectstart="return false" 语句,使鼠标不能选择文本;
(2)、在网页 <Body> 标签中加入 οncοntextmenu="self.event.returnValue=false" 语句,使单击鼠标右键时不能弹出右键选单,也就不能执行“图片另存为”命令选项;
(3)、禁止右键菜单:把下列代码加入到<head> 与 </head> 之间
<SCRIPT language=javascript>
function click()
{
if (event.button==2)
{alert('欢迎访问本站!')}
}
document.οnmοusedοwn=click
</SCRIPT>
(该方法可以被人轻易破解)
(4)、禁止右键菜单:弹出“添加至收藏夹”窗口
<SCRIPT language=JavaScript>
<!--
function click()
{
if (event.button==2)
{window.external.addFavorite(this.location,this.document.title)}
}
document.οnmοusedοwn=click
//-->
</SCRIPT>
(该方法也可以破解)
(5)、自己定制右键菜单,这是最聪明、最科学的方法。具体方法请参考本站的有关条目。
98,Q:使用 css 让网页中的图片居于页面正中:
A:
一般情况下,想让你的 LOGO 居中是一件非常痛苦的事情。除非你作一个足够大的底图,但是页面下载的速度可就… 现在 CSS 可以帮我们作到这一点,你只要将下面的代码 COPY 到 <head></head> 之间就可以了。不必再考虑页面的大小和分辨率了。
<STYLE TYPE="text/css">
<!--
BODY {background-image: URL(logo.gif);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}
-->
</STYLE>
logo.gif 是你的图片,如果与页面文件不在同一个路径下,需要指明路径;background-position 代表位置,center 表示居中。background-repeat 表示是否平铺,可取 no-repeat、repeat-x、repeat-y 等值。 background-attachment 为 fixed 时可以使页面滚动时背景图固定不动(锁定)。
99,Q:浏览器全屏显示:
A:把如下代码加入 <body> 区域中:
<form>
<input type=BUTTON name=FullScreen value=全屏显示 onClick="window.open('The_URL','big','fullscreen=yes')">
</form>
100,Q:在网页中用代码调用打印机打印当前页面:
A:代码加入 HTML 的〈BODY〉区的任意位置:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print)
{document.write('<form>'+ '<input type=button name=print value="打印页面" '+'onClick="javascript:window.print()"></form>');}
//-->
</script>
(说明:document.write 一句请写在一行,不要回车断行。)