电脑十万个为什么-第23章
按键盘上方向键 ← 或 → 可快速上下翻页，按键盘上的 Enter 键可回到本书目录页，按键盘上方向键 ↑ 可回到本页顶部！
————未阅读完？加入书签已便下次继续阅读！
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（）；
｝
//》
（2）在〈Body〉属性中加 onLoad〃startclock（）〃
（3）在〈Body〉〈/Body〉中间加
即可。
34；Q：自动滚动屏幕文字：
A：
var position 0；
function scrollit（）
｛
if （position 640 ）｛
position＋＋；
scroll（0；position）；
clearTimeout（timer）；
var timersetTimeout（〃scrollit（）〃；25）；
timer；
｝
｝
以上脚本加在〈Head〉〈/Head〉中间，再在〈BODY〉属性中加 Onload〃scrollit（）〃。
35；Q：“下雨”JavaScript 脚本：
A：将以下脚本放在〈Body〉〈/Body〉中间即可：
《 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（〃〃）；
document。write（〃；〃）；
｝
else ｛
document。write（〃〃）；
document。write（〃；〃）；
｝
｝
else
if （ie4up） ｛
if （i 0） ｛
document。write（〃〃）；
document。write（〃；〃）；
｝
else ｛
document。write（〃〃）；
document。write（〃’〃）； //设定雨点的字符
｝
｝
｝
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＇ （doc_height20））） ｛
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＇ （doc_height20））） ｛
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 》
36；Q：“地震”JavaScript 脚本：
A：将以下脚本放在〈Body〉〈/Body〉中间即可：
《
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）；
｝
｝
｝
｝
//》
37；Q：一个用 JavaScript 实现的简陋的计算器：
A：全部代码如下：
《
function pute（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 ''｝
//》
38；Q：在网页上实现“预览图”：
A：网页制做时，大的图片会消耗较长的下载时间，为了不使浏览者失去耐心，可以采用“预览图”（low source）的办法，即先下载一个“low source”，然后再下载真正需要显示的图片。在 Html 文档中标注“low source”的方法为：〈img src〃需要显示的图片〃 lowsrc〃预览图〃 width〃x〃 height〃y〃〉（其中 width 和 height 是需要显示的图片的宽度和高度。如果不加 width 和 height 属性，浏览器视为以较小图片作为长宽尺寸。）
实现“预览图”还有一个方法，就是将预览图做成一个链接，如果用户愿意，可以点击它，再观看真正的图片，格式是：
39；Q：闪亮的链接：
A：
《 这段脚本放在链接的后面
function flashit（）
｛
if （document。all） return
if （link1。style。color〃green〃）
link1。style。color〃red〃
else
link1。style。color〃green〃
｝
setInterval（〃flashit（）〃； 400）
//》
40；Q：在网页中添加“添加到收藏夹”“设为首页”功能（似乎只能在 IE5。0 以上版本使用？）：
A：添加到收藏夹：〈a href〃javascript：window。external。addFavorite（'链接'；'说明'）；〃〉添加到收藏夹〈/a〉
设为首页：〈a href# onclickthis。style。behavior'url（#default#homepage）'；this。setHomePage（'链接'）；〉设为首页〈/a〉
41；Q：定制浏览器地址栏前的小图标：
A：在网页的〈head〉〈/head〉间加入以下语句：〈link rel〃shortcuticon〃 href〃…/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：，这样，当鼠标移到按钮上时，会变成一个“手”形，和移到超级链接上一样。cursor 后的参数很多，列在下边：
hand 手型
crosshair 十字型
text 移动到文本上的那种效果（I 形）
wait 等待的那种效果（沙漏）
default 默认效果
help 问号
esize 向右的箭头
neresize 向右上的箭头
nresize 向上的箭头
nwresize 向左上的箭头
wresize 向左的箭头
swresize 向左下的箭头
sresize 向下的箭头
seresize 向右下的箭头
auto 由系统自动给出效果
44；Q：在网页页面上显示 html 代码：
A：要在 html 代码中放置 html 文本显然是不行的，因为你放在 html 中的 html 文本会相互混淆起来，产生严重的错误。如果 html 文本很少，可以将其中的〈 〉用全角的〈 〉代替；如果文本很长，将它门放在标签〈xmp〉〈/xmp〉中，这是专门用来显示 html 文本的标签。与此相关的一个问题是：有时从网页上“挖”下来的 html 代码，放在 html 文件中浏览时，显示的全是 html 代码，就是因为他们制做网页时将标签的大于号、小于号用全角的〈、〉代替了。
45；Q：加速网页加载的技巧：
A：当浏览者停留在一个网站的主页上时，其它页面的下载是停止的，这样时间就白白浪费了。我们可以将主页分成两个帧，一个帧显示主页，将另一个帧隐藏后“偷偷”地下载其它页面，在硬盘里缓存起来。这样，当浏览者浏览到别的页面时，浏览器就是从硬盘里调用数据了。
46；Q：让网页的背景图片动起来（Vbscript）：
A：
dim c；numgc
c100000
numgcdocument。body。sourceIndex
sub SF
cc＋2
Document。all（numgc）。style。BackgroundPosition〃0 〃 & c
idSetTimeOut（〃SF〃；64；〃VBScript〃）
end sub
SF
47；Q：用 JavaScript 控制浏览器窗口大小：
A：有时候，我们需要控制显示窗口的大小，这当然能够通过点击窗口右上角的控制按钮来实现。但是，能否在页面中通过链接来实现呢？答案是：能！请看下面的代码：
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；
｝
上面的代码包含 2 个函数，先来看看第 1 个。函数 Minimize 中使用 innerWidth 和 innerHeight 2 个命令在象素级别上控制窗口尺寸大小，这里将窗口设置为宽 100 高 100。然后，设置窗口的起始位置，定位大小为屏幕的宽和高，这样，使用 alwaysLowered 命令就将窗口缩小并移动到了屏幕的右下角。触发事件是一个 JavaScript 链接 〈A HREF〃javascript：onClickMinimize（）〃〉Minimize〈/A〉。同时，上述代码可以用于设置屏幕的任何分辨率。
注意，当在页面上应用这个功能时，请将那 2 个触发事件的链接放置在页面的左上角，这样，当窗口缩小到右下角时，它们也不会消失。
48；Q：网页的定时转向和定时刷新？
A：在网页的就会使网页在 10 秒后自动转向到网址 …… 去。特殊情况是，如果没有 url…… 一项，网页就会每隔 10 秒自我刷新一次最初的聊天室就使用了这种技术，但屏幕看起来有些闪烁感。
49；Q：上传主页的一个技巧：
A：如果你做主页时是假设网站的主文件为 index。htm，网页中的所有链接也默认主页为 index。htm。但当你上传主页时发现网站的主文件为 index。html，那么你是不是需要一个一个地去修改许多网页中的链接呢？ NO 这时你只要在网站建立一个 index。html 文件，其中放以下一条语句�
