当前位置:学会吧培训频道电脑知识学习网页制作FrontPage教程实现网页状态栏特效全攻略» 正文

实现网页状态栏特效全攻略

[08-08 00:29:12]   来源:http://www.xuehuiba.com  FrontPage教程   阅读:8957
概要:index_count++;}loopTheScroll();//--〉〈/script〉特效四:文字组合弹出第一步:把如下代码加入〈head〉区域中〈script language="javascript"〉〈!-- Hide this script from old browsers --var speed = 10var pause = 1500var timerID = nullvar bannerRunning = falsevar ar = new Array()ar[0] = "欢迎来到TOM科技学园! "ar[1] = "它是您学校电脑的好帮手! "ar[2] = "请多提意见,谢谢! "var message = 0var state = ""clearState()function stopBanner() {if (bannerRunning)clearTimeout(timerID)b
实现网页状态栏特效全攻略,标签:frontpage教程下载,frontpage视频教程,http://www.xuehuiba.com
index_count++;
  }
  loopTheScroll();
  //--〉
  〈/script〉

特效四:文字组合弹出

第一步:把如下代码加入〈head〉区域中

〈script language="javascript"〉
  〈!-- Hide this script from old browsers --
  var speed = 10
  var pause = 1500
  var timerID = null
  var bannerRunning = false
  var ar = new Array()

ar[0] = "欢迎来到TOM科技学园! "
  ar[1] = "它是您学校电脑的好帮手! "
  ar[2] = "请多提意见,谢谢! "

var message = 0
  var state = ""
  clearState()
  function stopBanner() {
  if (bannerRunning)
  clearTimeout(timerID)
  bannerRunning = false
  }

function startBanner() {
  stopBanner()
  showBanner()
  }
  function clearState() {
  state = ""
  for (var i = 0; i < ar[message].length; ++i) {
  state += "0"
  }
  }
  function showBanner() {
  if (getString()) {
  message++
  if (ar.length <= message)
  message = 0
  clearState()
  timerID = setTimeout("showBanner()", pause)
  bannerRunning = true
  } else {
  var str = ""
  for (var j = 0; j < state.length; ++j) {
  str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " "
  }
  window.status = str
  timerID = setTimeout("showBanner()", speed)
  bannerRunning = true
  }
  }
  function getString() {
  var full = true
  for (var j = 0; j < state.length; ++j) {
  if (state.charAt(j) == 0)
  full = false
  }
  if (full)
  return true
  while (1) {
  var num = getRandom(ar[message].length)
  if (state.charAt(num) == "0")
  break
  }
  state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)
  return false
  }
  function getRandom(max) {
  return Math.round((max - 1) * Math.random())
  }
  // -- End Hiding Here --〉
  〈/script〉

第二步:把如下代码加入〈body〉区域中

〈body bgcolor="#fef4d9" 〉

特效五:文字不停闪烁

第一步:把如下代码加入〈head〉区域中

〈script language=""〉
  〈!--
  var yourWords = "欢迎光临TOM科技(http://tech.tom.com)!!!";
  var speed = 700;
  var control = 1;
  function Flash()
  {
  if (control == 1)
  {
  window.status=yourwords;
  control=0;
  }
  else
  {
  window.status="";
  control=1;
  }
  setTimeout("flash()",speed);
  }
  // --〉
  〈/script〉

第二步:把如下代码加入〈body〉区域中

〈body bgcolor="#fef4d9" 〉

特效六:文字来回出现

第一步:把如下代码加入〈head〉区域中

〈script LANGUAGE="Javascript"〉
  〈!-- Begin
  var Message="欢迎光临TOM科技(http://tech.tom.com)!!!!!";
  var place=1;
  function scrollIn() {
  window.status=Message.substring(0, place);
  if (place >= Message.length) {
  place=1;
  window.setTimeout("scrollOut()",300);
  } else {
  place++;
  window.setTimeout("scrollIn()",50);
  }
  }
  function scrollOut() {
  window.status=Message.substring(place, Message.length);
  if (place >= Message.length) {
  place=1;
  window.setTimeout("scrollIn()", 100);
  } else {
  place++;
  window.setTimeout("scrollOut()", 50);
  }
  }
  // End --〉
  〈/script〉

第二步:把〈body〉中的内容改为:

特效七:状态栏固定信息

〈body bgcolor="#fef4d9" 〉

IT产品库 http://www.xuehuiba.com

上一页  [1] [2] 


Tag:FrontPage教程frontpage教程下载,frontpage视频教程电脑知识学习 - 网页制作 - FrontPage教程
《实现网页状态栏特效全攻略》相关文章
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13