简单的仿Flash文字动画（兼容Mozilla）

更新时间：2007年01月09日 00:00:00 作者：

<?xml version="1.0" encoding="UTF-8"?>  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>  <title> neverDhtmlText - http://www.never-online.net </title>  <meta http-equiv="ImageToolbar" content="no" />  <meta name="author" content="BlueDestiny, never-online"/>  <meta name="keywords" content="never modules, Mozilla CSS, C#, .net, Refercence, BlueDestiny, never-online, www.never-online.net"/>  <meta name="description" content="BlueDestiny, never-online"/>  <meta name="title" content="neverDhtmlText - http://www.never-online.net" />  <meta name="creator.name" content="Genius Lau, never-online, blueDestiny" />  <style type="text/css" media="all" title="Default">  body { background-color:#555; color:#aaa; font-size:12px; font-family: "Comic Sans MS"; }  a { color:#aaa; }  </style>  <script type="text/javascript">  //<![CDATA[  // script by never-online, blueDestiny  // blueDestiny[at]126.com  // http://www.never-online.net  // Permission given to use this script in ANY kind of applications if  // header lines are left unchanged.  function neverDhtmlText(wrapper,text) {  var ie = document.all?true:false;  window._m = cr = null;  var cnt = 0; var delay=1.5; var idx=0;  with(wrapper.style)   {  display = "block"; position = "absolute";  fontWeight = "bolder"; fontFamily = "Comic Sans MS";  }  function animate(bool, idx)   {  window.clearTimeout(_m);  if (bool?++cnt>100:--cnt<0) { window._m=setTimeout(function(){callback(!bool,(bool!=true&&idx==cr)?++idx:idx)},1000*delay); return; }  variety(cnt, cnt); window._m=setTimeout(function(){animate(bool, idx)},10);  }  function variety(sz, alpha, bool, color)   {  with(wrapper.style)   {  left = parseInt(((document.body.clientWidth||window.innerWidth)-wrapper.offsetWidth)/2)+"px";  top = parseInt(((document.body.clientHeight||window.innerHeight)-wrapper.offsetHeight)/2)-50+"px";  fontSize = (bool?sz:(sz>50?50:sz))+"px";  ie?filter="alpha(opacity=" +alpha+ ")":MozOpacity=(alpha/100).toFixed(2)+"";  wrapper.style.color = color?color:"gray";  }  }  function callback(bool, idx)   {  if (idx==text.length) { top.location.href='http://blog.never-online.net'; return };  wrapper.innerHTML = text[idx];  animate(bool,idx);  cr=idx;  }; callback(true,idx);  };  function demostrate()   {  var o = document.getElementById("demo");  var a = ['welcome to','never-online\'s blog','http://www.never-online.net','go']  neverDhtmlText(o, a); a = null;  };  onload = demostrate;  //]]>  </script> </head> <body id="www.never-online.net"> <div id="demo"></div> <div id="footWrapper" style="position:absolute; top:80%; text-align:center; width:100%;">  Power By never-online, BlueDestiny , <a href="http://www.never-online.net">http://www.never-online.net</a> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

简单的仿Flash文字动画（兼容Mozilla）

相关文章

JavaScript中常用的动画事件使用方法
JavaScript在处理动画方面极富灵活性,提供了一系列事件,使得开发者能够更精准地控制动画执行的各个阶段,使用这些事件,可以在动画开始、结束、重复等动作发生时执行特定的行为,本文将详细介绍JavaScript中常用的动画事件,并展示其使用方法
2023-12-12
JavaScript实现按照指定长度为数字前面补零输出的方法
这篇文章主要介绍了JavaScript实现按照指定长度为数字前面补零输出的方法,实例分析了javascript操作数字补零的技巧,需要的朋友可以参考下
2015-03-03
JavaScript设计模式发布订阅模式
这篇文章主要介绍了JavaScript设计模式发布订阅模式，发布订阅设计模式是和观察者设计模式基本上相同，但是他们两个设计模式不同的是发布订阅者拥有一个事件处理中心而观察者并没有
2022-06-06
javascript原型链学习记录之继承实现方式分析
这篇文章主要介绍了javascript原型链学习记录之继承实现方式,结合实例形式分析了javascript使用原型链实现继承的相关操作技巧与注意事项,需要的朋友可以参考下
2019-05-05
JavaScript中Promise处理异步的并行与串行
js中的promise是一个异步编程的解决方案,语法层面上他是一个构造函数,名字为Promise(),下面这篇文章主要给大家介绍了关于JavaScript中Promise处理异步的并行与串行的相关资料,需要的朋友可以参考下
2022-12-12
如何调试异步加载页面里包含的js文件
用浏览器无法调试异步加载页面里包含的js文件。简单的说就是在调试工具里面看不到异步加载页面里包含的js文件
2014-10-10
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
这篇文章主要介绍了Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-06-06
JS中页面列表加载的常用方法总结
在日常前端开发过程中，常用到页面列表加载。这篇文章主要为大家介绍三种常用方法，分别是分页加载、按钮加载以及滚动加载，需要的可以参考一下
2022-09-09
JavaScript指定断点操作实例教程
这篇文章主要给大家介绍了关于JavaScript指定断点操作的相关资料，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-09-09
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。
2011-05-05

最新评论