<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 <!-- saved from url=(0033)https://192.168.1.2/topframe6.htm -->

 <HTML><HEAD><TITLE>topframe</TITLE>

 <META http-equiv=Content-Type content="text/html; charset=utf-8">

 <link href="css/base.css" rel="stylesheet" type="text/css">

 <SCRIPT language=JavaScript>

 var currentid = "c1";

 function openurl2(newid, url1, url2)

 {

     document.getElementById(currentid).className = "";

     document.getElementById(newid).className = "current";

     currentid = newid;

     window.parent.document.getElementById("menu").src = url1;

     window.parent.document.getElementById("content").src = url2;

 }

 function myrefresh()

 {

     window.parent.frames["topframe"].location.reload();

 }

 setTimeout('myrefresh()',600000);

 function blink (err_id) {

     var code = '';

     var speed = 500;

     code += 'var el = document.getElementById("' + err_id + '");';

     code += 'el.style.visibility = ' + 'el.style.visibility == "hidden" ? "visible" : "hidden"';

     var interval=setInterval(code,speed);

     var desc_id=document.getElementById("desc_err");

     desc_id.onmouseover=function(){clearInterval(interval)}

     desc_id.onmouseout=function(){interval=setInterval(code,speed)}

 }

 function stateOnload() {

     blink('desc_err');

 }

 </SCRIPT>

 </HEAD>

 <BODY ONLOAD="stateOnload()" style="padding:0px">

 <div id="top">

 <div id="logo"></div>

 <div>

    <div id="list">

      <UL>

        <LI id=c1 class=current>

       <A href="javascript:openurl2('c1', '/View/menu', '/undefined')">查看</A>

        </LI>

        <LI id=c2><A href="javascript:openurl2('c2', '/Manage/menu', '/undefined')">管理</A></LI>

        <LI id=c3><A href="javascript:openurl2('c3', '/Maintain/menu', '/undefined')">维护</A></LI>

      </UL>

    </div>

    {% module Workstate() %}
　　　　//<div id="desc_err"><A href="javascript:openurl2(\'c1\', \'/View/menu\', \'/View/faultyinfo\')">工作故障</A></div>

 </div>

 </div>

 </BODY>

 </HTML>

上述代码说明：

1.function myrefresh()：实现定时刷新top.htm页面

window.parent.frames["topframe"].location.reload();

2.function blink (err_id)：实现字体闪烁

desc_id.onmouseover=function(){clearInterval(interval)}                --鼠标位于字体上时，停止闪烁，以便点击进行超链接

desc_id.onmouseout=function(){interval=setInterval(code,speed)}  --鼠标离开字体上时，继续闪烁

3.代码第56行{% module Workstate() %}

实际代码为：<div id="desc_err"><A href="javascript:openurl2(\'c1\', \'/View/menu\', \'/View/faultyinfo\')">工作故障</A></div>

当点击字体之后连接到/View/faultyinfo，通过JS函数function openurl2(newid, url1, url2)将整个页面的几个框架（FRAME）分别进行链接

4.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

简单示例：

 <html>

 <head>

 <script type="text/javascript">

 var c=0

 var t

 function timedCount()

 {

 document.getElementById('txt').value=c

 c=c+1

 t=setTimeout("timedCount()",1000)

 }

 </script>

 </head>

 <body>

 <form>

 <input type="button" value="开始计时！" onClick="timedCount()">

 <input type="text" id="txt">

 </form>

 <p>请点击上面的按钮。输入框会从 0 开始一直进行计时。</p>

 </body>

 </html>

5.setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

简单示例：

 <html>

 <body>

 <input type="text" id="clock" size="35" />

 <script language=javascript>

 var int=self.setInterval("clock()",50)

 function clock()

   {

   var t=new Date()

   document.getElementById("clock").value=t

   }

 </script>

 <button onclick="int=window.clearInterval(int)">Stop interval</button>

 </body>

 </html>

ＰＳ：

起初实现文字闪烁代码如下：

 function blink (elId) {

     var html = '';

     if (document.all)

         html += 'var el = document.all.' + elId + ';';

     else if (document.getElementById)

         html += 'var el = document.getElementById("' + elId + '");';

     html += 'el.style.visibility = ' + 'el.style.visibility == "hidden" ? "visible" : "hidden"';

     if (document.all || document.getElementById)

         setInterval(html, 500)

 }

1.document.all是页面内所有元素的一个集合。例如：document.all(0)表示页面内第一个元素

2.document.all可以判断浏览器是否是IE  
  if(document.all){  
    alert("is   IE!");  
  }

3.可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素

综上：

　　当在IE浏览器执行时进入 ：if (document.all)

　　当在其他浏览器执行时进入：else if (document.getElementById)

这里舍弃document.all，直接使用document.getElementById

HTML JS文字闪烁实现（项目top.htm分析）的更多相关文章

  1. js文字颜色闪烁

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. 【android】TabLayout文字闪烁问题

    安卓MD设计提供了一个非常酷炫的效果,TabLayout拿来做选项卡时非常合适的,但是在实际使用中发现22.2.1版本号的TabLayout在ViewPager滑动的时候会出现闪烁现象. 解决方法:在 ...

  3. js文字向上滚动代码

    js文字向上滚动代码 <style>.pczt_pingfen_jhxs_news1{ width:397px;  background:#edfafd; padding-top:2px; ...

  4. 利用JS实现闪烁字体

    以下为在JSP文件中,利用JS实现闪烁字体的代码: HTML代码: <div id="blink">一段会闪烁的字</div> JavaScript代码: ...

  5. .NET开源项目 TOP 25

    .NET开源项目 TOP 25 如果知道.NET项目在开源中国的git上所占的比重只有5%的话,为什么这个<2014年国人开发的最热门的开源软件TOP 100>榜中.NET项目那么少就是情 ...

  6. js文字展示各种滚动效果

    js文字展示各种滚动效果:http://www.dowebok.com/demo/188/

  7. Vue.js开始第一个项目

    前端架构之路:使用Vue.js开始第一个项目   Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备 使用 ...

  8. 新建一个基于vue.js+Mint UI的项目

    上篇文章里面讲到如何新建一个基于vue,js的项目(详细文章请戳用Vue创建一个新的项目). 该项目如果需要组件等都需要自己去写,今天就学习一下如何新建一个基于vue.js+Mint UI的项目,直接 ...

  9. Node.js 实战 & 最佳 Express 项目架构

    Node.js 实战 & 最佳 Express 项目架构 Express Koa refs https://github.com/xgqfrms/learn-node.js-by-practi ...

随机推荐

  1. 含html转义字符编码(&#22235;)转换--python

    在抓取下来的网页源码显示的是如下的内容,而不是可读性的汉字 (当然,如果是在Web页面上展示,则实体会自动被浏览器转为原字符,正常显示) 经查资料后得知, 在网页中以四开头的是HTML实体,具体什么是 ...

  2. 添加路由时啥时候是dev啥时候是gw

    A qumu ethA1 B 宿主机 ethA2  ethC2 C 树莓派 ethC1 在A和C中都是直接sudo route add default dev ethA1/ethC1 这样做是有问题的 ...

  3. Spyder5 & 显示器校准 & 色彩校准

    Spyder5 & 显示器校准 & 色彩校准 Spyder5EXPRESS 绿蜘蛛5 – 轻松.快速地校准您的屏幕. Spyder5PRO 蓝蜘蛛5 – 可为您的所有笔记本电脑和台式机 ...

  4. [C/C++] 字符串错题集

    1. 答案:A 这里考查转义字符,注意 \\ 表示字符 \\123表示字符 {\t 表示制表符这些都是一个字符. 2. 答案C 先不看有没有重复的,共5个字母,有5×4×3×2×1 = 120种组合. ...

  5. BZOJ4754 JSOI2016独特的树叶（哈希）

    判断两棵无根树是否同构只需要把重心提作根哈希即可.由于只添加了一个叶子,重心的位置几乎不发生偏移,所以直接把两棵树的重心提起来,逐层找哈希值不同且对应的两子树即可.被一个普及组子问题卡一年. #inc ...

  6. hdu 1528 Card Game Cheater (二分匹配)

    Card Game Cheater Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...

  7. YY的GCD 莫比乌斯反演

    ---题面--- 题解: $ans = \sum_{x = 1}^{n}\sum_{y = 1}^{m}\sum_{i = 1}^{k}[gcd(x, y) == p_{i}]$其中k为质数个数 $$ ...

  8. SRM16 B-2(DP)

    老鼠和洞按坐标排序 f[i][j]表示前i个洞进j只老鼠的最短距离 比赛的时候强行分三类去推式子,推是推出来了,也看出来是可以用三个单调队列去优化的,但是太繁琐了,要我敲我真没办法T^T 赛后经 on ...

  9. Install JDK In Ubuntu

    安装Linux软件包管理器rpm apt install rpm 查看已安装的软件,如JDK rpm -qa|grep jdk #查询所有 找jdk 卸载已安装的软件 rpm -e nodeps 包名 ...

  10. JavaScript数据类型转换方法汇总

    转换为布尔型 用两次非运算(!): 1 !!5 ==> true 用布尔型的构造函数: 1 new Boolean(5) == > true 值转换为布尔类型为false:0,+0,-0, ...