欢迎来到代码驿站！

JavaScript代码

当前位置：首页 > 网页前端 > JavaScript代码

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

时间：2020-12-29 16:27:23|栏目：JavaScript代码|点击：次

<?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需再刷新一下页面才能执行]

上一篇：Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法

栏目：JavaScript代码

下一篇：通过JS来判断页面控件是否获取焦点

本文标题：简单的仿Flash文字动画（兼容Mozilla）

本文地址：http://www.codeinn.net/misctech/37939.html

更多JavaScript代码

阅读排行

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：914707363 | 邮箱：codeinn#126.com(#换成@)

Copyright © 2020 代码驿站版权所有