第43章
作者:佚名    更新:2021-12-03 10:35
  --
  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 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 = ''}
  //-->
  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("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:,这样,当鼠标移到按钮上时,会变成一个“手”形,和移到超级链接上一样。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:
  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
  47,Q:用 JavaScript 控制浏览器窗口大小:
  A:有时候,我们需要控制显示窗口的大小,这当然能够通过点击窗口右上角的控制按钮来实现。