ch12-177.txt

来自「javascript demo thanks please」· 文本 代码 · 共 62 行

TXT
62 行
字号 
<HTML>
<HEAD>
<TITLE>状态栏特效篇--显示箭头效果</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" onload=ArrowMessage()>

<br><br>
<center>
<font color="ffaafa"><h2>状态栏特效篇--显示箭头效果</h2></font>
<hr width=300>
<br><br>

<!-- 案例代码开始 -->

<script language=JavaScript>

<!-- [Step1]: 这里可以更改状态栏显示的信息 -->
var message="状态栏特效篇----显示箭头效果"
var themessage=" "
var started=false
var step=0
var index=1

function showstatusmessage(txt)  {
  themessage = txt;
  setTimeout("ArrowMessage()",3000)
  index++
}

function ArrowMessage() {
  index--
  if (index==0)    { 
     if (started==false)    {
        started = true;
        window.status = message;
        setTimeout("ArrowAnimation()",1);      }
      themessage = message;    }
}

function ArrowAnimation()  {
  step++
  if (step==7) {step=1}
  if (step==1) {window.status='>==='+themessage+'===<'}
  if (step==2) {window.status='=>=='+themessage+'==<='}
  if (step==3) {window.status='>=>='+themessage+'=<=<'}
  if (step==4) {window.status='=>=>'+themessage+'<=<='}
  if (step==5) {window.status='==>='+themessage+'=<=='}
  if (step==6) {window.status='===>'+themessage+'<==='}
<!-- [Step2]: 在此能够设置箭头运动的速度 -->
  setTimeout("ArrowAnimation()",200);
}
 
</script>

<!-- 案例代码结束 -->


</BODY>

</HTML>

ch12-177.txt - 源码说明

本页面展示了「javascript demo thanks please」中的 ch12-177.txt 源码文件，采用 文本 编程语言编写，共 62 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?