网页“状态栏”文字特殊效果全攻略

时间:2010-03-23 19:40:56  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:="0" align="left" border="0">  第一步:把如下代码加入< head>区域中  < script language="Javascript">  < !--  function scrollit(seed) {  var m1 = "HI:你好! ";  var m2 = "欢迎访问网页教学网";  var m3 = "请多提意见...
  正文:在上网时我们注意往往是网站页面内容,而状态栏不会被人太多注意,如果我们给页面的状态栏加一些特效,肯定会使你的网站增添一道风景,下面就给大家介绍7种常见的状态栏特效的JavaScript代码

  特效一:滚动显示

  第一步:把如下代码加入< head>区域中

  < script language="Javascript">

  < !--

  function scrollit(seed) {

  var m1 = "HI:你好! ";

  var m2 = "欢迎访问网页教学网";

  var m3 = "请多提意见,谢谢! ";

  var m4 = "欢迎您下次再来!";

  var m5 = "www.webjx.com ";

  var msg=m1+m2+m3+m4+m5;

  var out = " ";

  var c = 1;

  if (seed > 100) {

  seed--;

  cmd="scrollit("+seed+")";

  timerTwo=window.setTimeout(cmd,100);

  }

  else if (seed < = 100 && seed > 0) {

  for (c=0 ; c < seed ; c++) {

  out+=" ";

  }

  out+=msg;

  seed--;

  window.status=out;

  cmd="scrollit("+seed+")";

  timerTwo=window.setTimeout(cmd,100);

  }

  else if (seed < = 0) {

  if (-seed < msg.length) {

  out+=msg.substring(-seed,msg.length);

  seed--;

  window.status=out;

  cmd="scrollit("+seed+")";

  timerTwo=window.setTimeout(cmd,100);

  }

  else {

  window.status=" ";

  timerTwo=window.setTimeout("scrollit(100)",75);

  }

  }

  }

  //-->

  < /script>

  第二步:把如下代码加入< body>区域中

  < body background=bag.gif onLoad="scrollit(100)">

  特效二:文字从状态栏的右边循环弹出

  把如下代码加入< head>区域中

  < script language="Javascript">

  var MESSAGE = "欢迎来到网页教学网,请多提意见。谢谢! "

  var POSITION = 150

  var DELAY = 10

  var scroll = new statusMessageObject()

  function statusMessageObject(p,d) {

  this.msg = MESSAGE

  this.out = " "

  this.pos = POSITION

  this.delay = DELAY

  this.i = 0

  this.reset = clearMessage}

  function clearMessage() {

  this.pos = POSITION}

  function scroller() {

  for (scroll.i = 0; scroll.i < scroll.pos; scroll.i++) {

  scroll.out += " "}

  if (scroll.pos >= 0)

  scroll.out += scroll.msg

  else scroll.out = scroll.msg.substring(-scroll.pos,scroll.msg.length)

  window.status = scroll.out

  scroll.out = " "

  scroll.pos--

  if (scroll.pos < -(scroll.msg.length)) {

  scroll.reset()}

  setTimeout ('scroller()',scroll.delay)}

  function snapIn(jumphotoshop/ target=_blank class=infotextkey>pspaces,position) {

  var msg = scroll.msg

  var out = ""

  for (var i=0; i< position; i++)

  {out += msg.charAt(i)}

  for (i=1;i< jumpSpaces;i++)

  {out += " "}

  out += msg.charAt(position)

  window.status = out

  if (jumpSpaces < = 1) {

  position++

  if (msg.charAt(position) == ' ')

  {position++ }

  jumpSpaces = 100-position

  } else if (jumpSpaces > 3)

  {jumpSpaces *= .75}

  else

  {jumpSpaces--}

  if (position != msg.length) {

  var cmd = "snapIn(" + jumpSpaces + "," + position + ")";

  scrollID = window.setTimeout(cmd,scroll.delay);

  } else { window.status=""

  jumpSpaces=0

  position=0

  cmd = "snapIn(" + jumpSpaces + "," + position + ")"; "网页“状态栏”文字特殊效果全攻略"由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Programming/JavaScript/13317.html


关键字:

关于《网页“状态栏”文字特殊效果全攻略》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td