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

2020年8月2日 23:09:31js教程评论221 views阅读模式

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

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

使用node打造自己的命令行工具方法教程

使用node打造自己的命令行工具方法教程

Web跨浏览器进程通信(Web跨域)_javascript技巧

Web跨浏览器进程通信(Web跨域)_javascript技巧

使用js提交表单form

使用js提交表单form

js下载以及修改文件名的实例教程

js下载以及修改文件名的实例教程

JS字符串去除连续及重复字符方法

JS字符串去除连续及重复字符方法

javascript ES6 新增了let命令使用介绍（图文教程）

javascript ES6 新增了let命令使用介绍（图文教程）

javascript实现方法调用与方法触发小结_基础知识

javascript实现方法调用与方法触发小结_基础知识

jQuery中next方法用法实例_jquery

jQuery中next方法用法实例_jquery

node.js实现逐行读取文件内容的代码_node.js

node.js实现逐行读取文件内容的代码_node.js

地址栏上的一段语句，改变页面的风格。（教程）_javascript技巧

地址栏上的一段语句，改变页面的风格。（教程）_javascript技巧

本文由企鹅博客发表于 2020年8月2日 23:09:31
转载请务必保留本文链接：https://www.qieseo.com/384741.html

发表评论