知识大全 网页状态栏特效全攻略

Posted

篇首语:尔曹身与名俱灭,不废江河万古流。本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 网页状态栏特效全攻略相关的知识,希望对你有一定的参考价值。

  在上网时我们注意往往是网站页面内容 而状态栏不会被人太多注意 如果我们给页面的状态栏加一些特效 肯定会使你的网站增添一道风景 下面就给大家介绍 种常见的状态栏特效的Javascript代码

  特效一 滚动显示

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

<script language= Javascript ><! function scrollit(seed) var m = HI 你 好! ;var m = 欢迎访问赛迪 ;var m = 请多提意见 谢 谢! ;var m = 欢迎您下次再来! ;var m = ;var msg=m +m +m +m +m ;var out = ;var c = ;if (seed > ) seed ;cmd= scrollit( +seed+ ) ;timerTwo=window setTimeout(cmd );else if (seed <= && seed > ) for (c= ; c < seed ; c++) out+= ;out+=msg;seed ;window status=out;cmd= scrollit( +seed+ ) ;timerTwo=window setTimeout(cmd );else if (seed <= ) if ( seed < msg length) out+=msg substring( seed msg length);seed ;window status=out;cmd= scrollit( +seed+ ) ;timerTwo=window setTimeout(cmd );else window status= ;timerTwo=window setTimeout( scrollit( ) );// ></script>

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

<body background=bag gif onLoad= scrollit( ) >

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

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

<script language= Javascript >var MESSAGE = 欢迎来到赛迪网 请多提意见 谢谢! var POSITION = var DELAY = var scroll = new statusMessageObject()function statusMessageObject(p d) this msg = MESSAGEthis out = this pos = POSITIONthis delay = DELAYthis i = this reset = clearmessagefunction clearmessage() this pos = POSITIONfunction scroller() for (scroll i = ; scroll i < scroll pos; scroll i++) scroll out += if (scroll pos >= )scroll out += scroll msgelse scroll out = scroll msg substring( scroll pos scroll msg length)window status = scroll outscroll out = scroll pos if (scroll pos < (scroll msg length)) scroll reset()setTimeout ( scroller() scroll delay)function snapIn(jumpSpaces position) var msg = scroll msgvar out = for (var i= ; i<position; i++)out += msg charAt(i)for (i= ;i<jumpSpaces;i++)out += out += msg charAt(position)window status = outif (jumpSpaces <= ) position++if (msg charAt(position) == )position++ jumpSpaces = position else if (jumpSpaces > )jumpSpaces *= elsejumpSpaces if (position != msg length) var cmd = snapIn( + jumpSpaces + + position + ) ;scrollID = window setTimeout(cmd scroll delay); else window status= jumpSpaces= position= cmd = snapIn( + jumpSpaces + + position + ) ;scrollID = window setTimeout(cmd scroll delay);return false return truesnapIn( );</script>

  特效三 title弹出效果

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

  <script language= javascript ><! Hide mevar index_count = ;var title_string = 欢迎光临赛迪网 ()这里有许多电脑应用方面的文章 是您学习电脑的好去处!希望您能够常来! ;var title_length = title_string length;var cmon;var kill_length = ;function loopTheScroll()scrollTheTitle();if(kill_length > title_length)clearTimeout(cmon);

  kill_length++;cmon = setTimeout( loopTheScroll(); )

  function scrollTheTitle()var doc_title = title_string substring((title_length index_count ) title_length);document title = doc_title;

  index_count++;loopTheScroll();// ></script>

  特效四 文字组合弹出

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

  <script language= javascript ><! Hide this script from old browsers var speed = var pause = var timerID = nullvar bannerRunning = falsevar ar = new Array()

  ar[ ] = 欢迎来到赛迪网! ar[ ] = 它是您学校电脑的好帮手! ar[ ] = 请多提意见 谢谢!

  var message = var state = clearState()function stopBanner() if (bannerRunning)clearTimeout(timerID)bannerRunning = false

  function startBanner() stopBanner()showBanner()function clearState() state = for (var i = ; i < ar[message] length; ++i) state += function showBanner() if (getString()) message++if (ar length <= message)message = clearState()timerID = setTimeout( showBanner() pause)bannerRunning = true else var str = for (var j = ; j < state length; ++j) str += (state charAt(j) == ) ? ar[message] charAt(j) : window status = strtimerID = setTimeout( showBanner() speed)bannerRunning = truefunction getString() var full = truefor (var j = ; j < state length; ++j) if (state charAt(j) == )full = falseif (full)return truewhile ( ) var num = getRandom(ar[message] length)if (state charAt(num) == )breakstate = state substring( num) + + state substring(num + state length)return falsefunction getRandom(max) return Math round((max ) * Math random())// End Hiding Here ></script>

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

<body bgcolor= #fef d onLoad= startBanner() >

  特效五 文字不停闪烁

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

<script language= ><! var yourwords = 欢迎光临赛迪网()!!! ;var speed = ;var control = ;function flash()if (control == )window status=yourwords;control= ;elsewindow status= ;control= ;setTimeout( flash() speed);// ></script>

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

<body bgcolor= #fef d onLoad= flash() >

  特效六 文字来回出现

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

<script LANGUAGE= Javascript ><! Beginvar Message= 欢迎光临赛迪网()!!!!! ;var place= ;function scrollIn() window status=Message substring( place);if (place >= Message length) place= ;window setTimeout( scrollOut() ); else place++;window setTimeout( scrollIn() );function scrollOut() window status=Message substring(place Message length);if (place >= Message length) place= ;window setTimeout( scrollIn() ); else place++;window setTimeout( scrollOut() );// End ></script>

  第二步:把<body>中的内容改为:

<body bgcolor= #fef d onLoad= scrollIn() > <body bgcolor= #fef d onmouseover= self status= 欢迎光临 赛迪网 ;return true > cha138/Article/program/Java/Javascript/201311/25297

相关参考

知识大全 自己制作网页特效软件

  现在每天成千上万的网民激情于冲浪很多朋友喜欢在网上搭个小窝建个网站建网站离不开设计网页网页要精彩离不开特效现在网上有一款最受大家欢迎的特效软件名叫新新网页特效该软件提供的特效最多最全提供的特效最新

知识大全 Js特效向右侧滑出的信息提示栏

Js特效向右侧滑出的信息提示栏  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! <>&l

知识大全 怎样用PHP来给网页做导航栏

怎样用PHP来给网页做导航栏  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!  译者注本文原名《Si

知识大全 为网页添加特效

  制作弹出式窗口有许多网页在打开的时候会弹出一个较小的窗口显示广告或一些最新信息这种弹出式窗口制作很简单只要在网页代码的〈body〉标签后面插入类似代码即可<scriptlanguage=″j

知识大全 美丽网页特效及其代码汇编

  把下面代码中用到的FLASH文件及图片文件自己保存就可以了!  (一)天上散花  <CENTER><EMBEDalign=rightsrc=/swftype=applicatio

知识大全 禁止网页页面刷新的特效代码

<><metaequiv=ContentTypecontent=text/;charset=gb><head><scriptlanguage=javascri

知识大全 网页制作中表单相关特效整理

  只能是一些限定的东西  ENTER键可以让光标移到下一个输入框<inputonkeydown=if(eventkeyCode==)eventkeyCode=><br>  只

知识大全 网页标准的随滚动条滚动的广告特效

cha138/Article/program/Java/Javascript/201311/25350

知识大全 电脑打开网页时,不显示被打开的网页,还是停留在原来的网页上,需要点击一下上面的标签,怎么办

电脑打开网页时,不显示被打开的网页,还是停留在原来的网页上,需要点击一下上面的标签,怎么办?有没有设置任务栏自动隐藏啊,或别设置不对。正确的设置应该是:在任务栏上单机鼠标右键-属性-将“锁定任务栏”“

知识大全 随心所欲绘制状态栏

  状态栏我不想详细解释控件非常容易用StatusBar和StatusBarPanel配合使用非常简单但是这样只是满足了基本的状态栏功能的需要很多的时候我们可能还需要个性化的状态栏我们需要随心所欲的绘