簡單的仿Flash文字動畫（兼容Mozilla）

2019-11-21 02:21:58

字體：大中小

來源：轉載

供稿：網友

<?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="http://www.survivalescaperooms.com/"/>  <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   class="iwvjtn8m0"   id="demo"></div> <div   class="iwvjtn8m0"   id="footWrapper" style="position:absolute; top:80%; text-align:center; width:100%;">  Power By never-online, BlueDestiny , <a >http://www.never-online.net</a> </div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：客戶端腳本中常常出現的一些問題和調試技巧

下一篇：Javascript miscellanea -display data real time, using window.status