2000年07月24日17:37


浏览器状态栏特效编程实例
杜健

  每当用浏览器一打开别人的主页时,在浏览器的状态栏上就会出现各种形式的文本提示,而且提示是动态的,提示的内容有的是介绍主页内容的,有的是欢迎的信息等等,这样的提示既不影响浏览主页的速度,又不影响观看主页,因为它不占据页面的部分,所以很多的主页都应用这种特效。 

  要实现这样的特效并不是很难,下面就介绍几种这种特效的应用实例: 

  一、眨眼式 

  当浏览器打开网页时,下面的状态栏就会像眨眼睛似地出现文本提示信息(提示的内容可以改成你所需要的任意内容)。 

  把下面的代码放到主页中的〈body〉和〈/body〉之间即可 

  〈td align=″center″〉〈script language=″JavaScript″〉 

  〈!-- 

  var yourwords =″欢迎光临人民日报网络版iT频道(http://www.peopledaily.com.cn/GB/channel5)″; 

  var speed = 1000; 

  var control = 1; 

  function flash() 

  { 

  if (control == 1) 

  { 

  window.status=yourwords; 

  control=0; 

  } 

  else 

  { 

  window.status=″ ″; 

  control=1; 

  } 

  setTimeout(″flash();″,speed); 

  } 

  flash(); 

  〈/script〉〈/td〉 

        〈/tr〉 

      〈/table〉 

      〈/td〉 

  二、冒泡式 

  当浏览器打开网页时,下面的文本就像是冒泡一样,一个字一个字地出现,提示信息同样可以改变成你自己的内容。 

  把下面的代码放到主页中的〈body〉和〈/body〉之间即可 

  〈td align=″center″〉〈script language=″JavaScript″〉 

  〈!-- 

  var msg =″欢迎光临人民日报网络版iT频道″; 

  var interval =300 

  var spacelen = 120; 

  var space10=″ ″; 

  var seq=0; 

  function Scroll() { 

  len = msg.length; 

  window.status = msg.substring(0, seq+1); 

  seq++; 

  if ( seq 〉= len ) { 

  seq = 0; 

  window.status = ′ ′; 

  window.setTimeout(″Scroll();″, interval ); 

  } 

  else 

  window.setTimeout(″Scroll();″, interval ); 

  } 

  Scroll(); 

  〈/script〉〈/td〉 

  三、标题栏出现 

  当浏览器打开网页时,上面的标题栏就会移动出现一行提示信息,提示信息可随你改变。 

  把下面的代码放到主页中的〈body〉和〈/body〉之间即可 

  〈td align=″center″〉〈script language=″JavaScript″〉 

  〈!-- Hide me 

  file://″index_count″ is subtracted from ″title_length″ to get the first # of the substring method 

  var index_count = 0; 

  // What you want to scroll in the title bar 

  var title_string =″欢迎您光临人民日报网络版iT频道(http://www.peopledaily.com.cn/GB/channel5)!″; 

   // length of title string 

  var title_length = title_string.length; 

  // Variable for setTimeout() 

  var cmon; 

  // Counter for clearTimeout() 

  var kill_length = 0; 

  function loopTheScroll() 

  { 

  scrollTheTitle(); 

  // If greater than length of string then stop calling itself 

  if(kill_length 〉 title_length) 

   { 

   clearTimeout(cmon); 

   } 

  kill_length++; 

  // Calls itself 10x per second - change the value to speed up or slow down the scroll (in 1/1000th of a second) 

  cmon = setTimeout(″loopTheScroll();″,100) 

  } 

  function scrollTheTitle() 

  { 

  // Difficult to explain, must be familiar w/ the substring method 

  var doc_title = title_string.substring((title_length - index_count - 1),title_length); 

  // put doc_title in the title bar 

  document.title = doc_title; 

  index_count++; 

  } 

  loopTheScroll(); 

  file://--〉 

  〈/script〉〈/td〉 

  上面是几个简单的特效实例,你自己可以设计出更多这样的特效形式,修改成你自己的特殊风格。怎么样?赶紧在你的主页里动手试试吧。

来源:赛迪网
软件学园

字号 】 【关闭窗口
打印版 察看感言 Email推荐

热门评论文章

请 注 意
  1. 遵守中华人民共和国有关法律、法规,尊重网上道德,承担一切因您的行为而直接或间接引起的法律责任。
  2. 人民网拥有管理笔名和留言的一切权力。
  3. 您在人民网留言板发表的言论,人民网有权在网站内转载或引用。
  4. 如您对管理有意见请向留言板管理员人民日报网络中心反映。
关键词:



镜像:日本 教育网 科技网
E_mail:info@peopledaily.com.cn 新闻线索:rm@peopledaily.com.cn

人民日报简介 | 关于人民网 | 网站地图 | 在线帮助 | 广告服务 | 合作加盟 | 网站声明 | 联系我们 | ENGLISH  京ICP证000006号
人 民 网 版 权 所 有 ,未 经 书 面 授 权 禁 止 使 用
Copyright © 2002 by www.people.com.cn. all rights reserved