`
tomEnjoy
  • 浏览: 145814 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

浏览器标题闪动效果

    博客分类:
  • Ext
阅读更多
原文地址:http://www.cnblogs.com/tsgx108/archive/2008/11/24/1339866.html

标题闪动效果代码:
<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>标题栏闪烁效果</TITLE>
</HEAD>
<BODY >

<script language="JavaScript">
step=0
function flash_title()
    {
      step++
      if (step==3) {step=1}
      if (step==1) {document.title='【你有新的消息】'}
      if (step==2) {document.title='【      】'}
      setTimeout("flash_title()",380);
    }
flash_title()
</script>

</BODY></HTML>



内容闪动效果代码:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="author" content="">
<SCRIPT>
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)
}
function init () {
blink('aText');
blink('a2ndText');
}
</SCRIPT>
<title>
<BLINK>
闪烁效果!!!
</BLINK>
</title>
</HEAD>
<BODY ONLOAD="init();">
<SPAN ID="aText">
<BLINK>
这行文字闪烁!!!
</BLINK>
</SPAN>
<BR>
这行文字闪烁!!!
<DIV ID="a2ndText">
这行文字闪烁!!!
</DIV>
</BODY>
</HTML> 
分享到:
评论

相关推荐

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖JS 实现浏览器的 title 闪烁...

    网页标题闪动JS网页特效

    三、JS实现标题闪动效果 1. 修改DOM属性:使用JavaScript,我们可以动态修改标题元素的CSS属性,例如`style.display`,来实现标题的隐藏与显示,从而达到闪动效果。 2. 定时器:JavaScript的`setInterval`函数可以...

    JS 实现浏览器的 title 闪烁、滚动、声音提示、通知,没有依赖. 它不会干扰任何 JavaScript 库或框架

    在JavaScript中,可以利用`setInterval`函数定时更改页面标题,从而实现闪烁效果。例如,我们可以创建两个不同的标题,然后在一个时间间隔内交替设置它们: ```javascript let titleOriginal = document.title; let...

    9种空间闪动标题栏.rar

    这种闪动效果可能是通过CSS(层叠样式表)或JavaScript实现的,其中CSS用于控制元素的样式和布局,而JavaScript则可以添加交互性,比如定时改变标题栏的样式来实现闪烁效果。 描述中的重复内容“9种空间闪动标题栏....

    一个JS函数搞定网页标题(title)闪动效果

    在这篇文章中,主要介绍了使用JavaScript编写的一个函数来实现网页标题闪动效果的方法。标题中的“一个JS函数搞定网页标题闪动效果”明确指出了实现该效果只需要一个JavaScript函数,这表明了该方法的简洁性与高效性...

    一个网页标题title的闪动提示效果实现思路

    实现标题闪动提示效果的基本思路是通过JavaScript中的AJAX技术与后端进行通信,获取新消息数据,然后通过改变标签中的内容来提示用户。提示信息通常会在提示内容与空标题之间切换,通过全角空格和半角空格的替换来...

    javascript title闪动效果

    ### JavaScript 实现网页标题栏闪动效果解析 #### 背景介绍 在网页设计中,为了提升用户体验和增加交互性,开发者们经常会利用各种视觉效果来吸引用户的注意力。其中,网页标题栏(即浏览器标签页上的标题)的动态...

    C# IpadMini 浏览器 最新版 免积分下载

    标题中的"C# IpadMini 浏览器 最新版 免积分下载"表明这是一个基于C#编程语言开发的,专为IpadMini设计的浏览器应用。它提供了最新的版本,并且用户可以免费下载,无需积分。这款浏览器针对IpadMini的屏幕尺寸和操作...

    JS实现闪动的title消息提醒效果

    一个常见的做法是通过改变网页标题来实现“闪动”的提醒效果。本文将详细讲解如何使用JavaScript来实现在窗口未获得焦点或最小化时,使标题栏在“【新消息】”和空白之间交替闪烁。 首先,我们来看一下核心的...

    用javascript实现“闪动”标题栏

    在本例中,我们探讨的是如何使用JavaScript实现一个“闪动”的标题栏效果,这通常是吸引用户注意力的一种方式。 首先,我们需要了解JavaScript中的核心概念。`&lt;script&gt;`标签用于在HTML文档中插入JavaScript代码。在...

    delphi滚动字幕(标题滚动,上下及左右字幕滚动)

    本项目涉及了三种类型的滚动字幕实现,包括标题滚动、Label滚动以及字幕从下往上滚动。下面将详细讲解这些滚动效果的实现原理和步骤。 1. **标题滚动**: 标题滚动通常是应用程序窗口顶部的标题栏中的文字进行动态...

    很漂亮的字体闪烁效果

    "很漂亮的字体闪烁效果"这个标题暗示了我们正在讨论一种利用编程技术实现的文本动画,它使得字体在显示时呈现出闪烁的效果,这种效果常用于吸引用户的注意力或者增加交互性。 闪烁效果在很多场景下都很实用,例如在...

    像QQ一样闪动的最新消息提示.rar

    标题中的“像QQ一样闪动的最新消息提示”是指一种常见的网页交互效果,它模仿了腾讯QQ这款即时通讯软件在接收到新消息时任务栏图标闪烁的提示方式。这种效果通常用于吸引用户注意力,告知他们有未读消息或更新内容。...

    4种纯CSS3炫酷文字动画特效.zip

    文字闪动效果通常是通过改变文字的透明度或者颜色来实现的。可以使用`transition`属性配合`opacity`(透明度)或`color`(颜色)来实现瞬间过渡效果。此外,`animation`属性也可以与`@keyframes`结合,定义文字从...

    JaveScript源代码大放送

    8用JavaScript创建“闪动”标题栏 9轻松实现打字机效果 10星星跟随鼠标 11地震效果的浏览器 12表格单元格背景色鼠标响应 13用JavaScript实现页面百叶窗效果 14用JS的方法使用列表LI制作的隔行换色 15直接调用计算机...

Global site tag (gtag.js) - Google Analytics