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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了简单的仿Flash文字动画（兼容Mozilla）_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含834字，纯文字阅读大概需要2分钟。

内容图文

简单的仿Flash文字动画（兼容Mozilla）_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 , http://www.never-online.net 
</div> 
</body> 
</html>

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

内容总结

以上是互联网集市为您收集整理的简单的仿Flash文字动画（兼容Mozilla）_javascript技巧全部内容，希望文章能够帮你解决简单的仿Flash文字动画（兼容Mozilla）_javascript技巧所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/306064.html

来源：【匿名】

【上一篇】如何在MozillaGecko用Javascript加载XSL_javascript技巧【下一篇】javascript 怎么调用php方法

更多 ►

【简单的仿Flash文字动画（兼容Mozilla）_javascript技巧】教程文章相关的互联网学习教程文章

瞠目结舌的JavaScript技巧

今天在知乎上看到一篇JavaScript技巧，学习并收藏之1. 快速打印一个五分制的评分情况function getRating(rating) { if(rating > 5 || rating < 0) throw new Error(‘数字不在范围内‘); return ‘★★★★★☆☆☆☆☆‘.substring(5 - rating, 10 - rating );}2.拼接重复字符串（abcabcabc）//输出n个‘abc’拼接的字符串var str = new Array(n+1).join(‘abc‘);false => ![]true => !![]undefined => ...

javascript技巧

1.将arguments转化为数组函数中的预定义变量arguments并非一个真正的数组，而是一个类似数组的对象。它具有length属性，但是没有slice, push, sort等函数，那么如何使arguments具有这些数组才有的函数呢？也就是说如何使arguments变成一个真正的数组呢？function args(){ return [].slice.call(arguments)}var m=args(2,5,8) // [2, 5, 8]m.push(10)//可以使用数组方法console.log(m)// [2, 5, 8,10] 2.数组中的最大值var arr...

45个实用的JavaScript技巧、窍门和最佳实践

1 – 在第一次给一个变量赋值的时候不要忘记使用var关键字给一个未定义的变量赋值会导致创建一个全局变量。要避免全局变量。2 – 使用===，而不是＝＝==（或!=）操作符在需要的时候会自动执行类型转换。===（或!==）操作不会执行任何转换。它将比较值和类型，而且在速度上也被认为优于==。12345678[10] === 10 // is false[10] == 10 // is true‘10‘== 10 // is true‘10‘=== 10 // is false [] == 0 ...

看各类框架源码淘来的一些JavaScript技巧【代码】

1. 创建定长的JavaScript数组，并赋空值；出自VUE文档Render函数讲解// 创建定长20的JavaScript数组，并把每个项的值设为null Array.apply(null, { length: 20 }).map(function(v,k,ar){return ar[k] = null; })// 创建定长20的JavaScript数组，并把每个项的值设为undefined Array.apply(null, { length: 20 }).map(function(){}) 2.可靠的类型判断；var arr = [[], {}, function(){}, "", null, undefined, 0, true ];for(var i i...

原生JavaScript技巧大收集(1~10)

1、原生JavaScript实现字符串长度截取01functioncutstr(str, len) {02 vartemp;03 varicount = 0;04 varpatrn = /[^\x00-\xff]/;05 varstrre = "";06 for(vari = 0; i < str.length; i++) {07 if(icount < len - 1) {08 temp = str.substr(i, 1);09 if(patrn.exec(temp) == null) {10 icount = icount + 111 } else{12 icount = icount + 2...

javascript设计模式之解释器模式详解_javascript技巧【图】

神马是“解释器模式”？先翻开《GOF》看看Definition：给定一个语言，定义它的文法的一种表示，并定义一个解释器，这个解释器使用该表示来解释语言中的句子。在开篇之前还是要科普几个概念：抽象语法树：解释器模式并未解释如何创建一个抽象语法树。它不涉及语法分析。抽象语法树可用一个表驱动的语法分析程序来完成，也可用手写的（通常为递归下降法）语法分析程序创建，或直接client提供。解析器：指的是把描述客户端调用要求...

JavaScript设计模式之单例模式实例_javascript技巧【图】

《Practical Common Lisp》的作者 Peter Seibel 曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显...

JavaScript设计模式之观察者模式（发布者-订阅者模式）_javascript技巧

观察者模式( 又叫发布者-订阅者模式 )应该是最常用的模式之一. 在很多语言里都得到大量应用. 包括我们平时接触的dom事件. 也是js和dom之间实现的一种观察者模式.代码如下: div.onclick = function click (){ alert ( ”click ) }只要订阅了div的click事件. 当点击div的时候, function click就会被触发。那么到底什么是观察者模式呢. 先看看生活中的观察者模式。好莱坞有句名言. “不要给我打电话，我会给你打电话”. 这句话就...

JavaScript设计模式之外观模式实例_javascript技巧

外观模式(门面模式)，是一种相对简单而又无处不在的模式。外观模式提供一个高层接口，这个接口使得客户端或子系统更加方便调用。用一段再简单不过的代码来表示：代码如下: var getName = function(){ return ”svenzeng” } var getSex = function(){ return ‘man } 如果你需要分别调用getName和getSex函数. 那可以用一个更高层的接口getUserInfo来调用.代码如下: var getUserInfo = function(){ var info = a() + b(); return i...

JavaScript设计模式之策略模式实例_javascript技巧

策略模式的意义是定义一系列的算法，把它们一个个封装起来，并且使它们可相互替换。一个小例子就能让我们一目了然。回忆下jquery里的animate方法.代码如下: $( div ).animate( {“left: 200px”}, 1000, ‘linear ); //匀速运动 $( div ).animate( {“left: 200px”}, 1000, ‘cubic ); //三次方的缓动这2句代码都是让div在1000ms内往右移动200个像素. linear(匀速)和cubic(三次方缓动)就是一种策略模式的封装. 再来一个例子. ...

JavaScript设计模式之外观模式介绍_javascript技巧

外观模式说明说明：外观模式是用于由于子系统或程序组成较复杂而提供的一个高层界面接口，使用客户端更容易访问底层的程序或系统接口; 外观模式是我们经常使用遇到的模式，我们经常涉及到的功能，可能需要涉及到几个子接口或子系统，而我们的某个功能，可能只需要这向个多个子接口中的一个或几个组成的顺序封装。如果是业务功能直接对应子接口或子系统的，可能要求开发人员对内部需要相当的了解；你可能需要去了解业务流程是怎么走...

JavaScript设计模式之装饰者模式介绍_javascript技巧

装饰者模式说明说明：通一个类来动态的对另一个类的功能对象进行前或后的修饰，给它辅加一些额外的功能; 这是对一个类对象功能的装饰，装饰的类跟被装饰的类，要求拥有相同的访问接口方法（功能），这在动态面向对象类里，一般以实现同一个接口(interface)来约束实现；装饰类的要有对被装饰类的引用，用于在装饰类的相应方法，调用相应被装饰类的方法，然后对其进行修饰；场景举例:1>. 比如我们生活中的穿衣服，一件衬衣，一件西装...

JavaScript设计模式之抽象工厂模式介绍_javascript技巧

抽象工厂模式说明1. 工厂方法模式的问题: 在工厂方法模式里，创建类都需要通过工厂类，如果要扩展程序，就必须修改工厂类，这违背了闭包原则，对扩展开放，对修改关闭；对于设计有一定的问题。 2. 如何解决：就要用到抽象工厂模式，就是对功能类单独创建工厂类，这样就不必修改之前的代码，又扩展了功能。 3. 工厂模式其实就是对实现同一接口的实现类的统一工厂方式创建调用，但 javascript 没有接口这号东西，所以就去掉这一...

JavaScript设计模式之代理模式介绍_javascript技巧

代理模式说明说明：顾名思义就是用一个类来代替另一个类来执行方法功能，这个模式跟装饰模式有点相似，不一样的是，代理模式是代替客户初始化被代理对象类，而装饰模式采用接口或初装饰者参数引用的方式来执行的。在动态面向对象语言里，代理模式即起到控制修饰被代理类的作用，也对被代理类起到了充分的隐藏保护作用；被代理类只到我们需要时，才被间接初始化调用；场景描述:很常见到的就是租房子的例子，房客要租房子，房东要把房...

JavaScript设计模式之适配器模式介绍_javascript技巧

适配器模式说明说明: 适配器模式，一般是为要使用的接口，不符本应用或本系统使用，而需引入的中间适配层类或对象的情况；场景: 就好比我们买了台手机，买回来后发现，充电线插头是三插头，但家里，只有两插头的口的插座，怎么办？为了方便，也有为能在任何地方都能充上电，就得去买个通用充电适配器; 这样手机才能在自己家里充上电；不然只能放着，或跑到有这个插头的地方充电；实际开发环境下，由于旧的系统，或第三方应用提供...

JAVASCRIPT - 相关标签

javascript程序设计 javascript高级 javascript高级编程 javascript高级程序设计 javascript高级程序设计第四版 javascript和java javascript基础教程 javascript教程 javascript权威指南 javascript设计模式

FLASH - 相关标签

flashplayer flash播放 flash菜单 flash代码 flash图片 flash效果 flash怎么下载

兼容 - 相关标签

兼容浏览器兼容性测试兼容性视图兼容性视图设置

JAVASCRIPT - 技术教程分类

JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date（日期） JavaScript Array（数组） JavaScript Boolean（布尔） JavaScript Math（算数） JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部

JAVASCRIPT - 最新教程

Javascript高级程序设计——面向对象之...20 款免费的 JavaScript 游戏引擎 JavaScript this javascript声明对象时带var和不带var的...JavaScript JavaScript设计模式策略模式 javaScript浏览器对象如何去了解JavaScript引擎的工作原理 Javascript函数柯里化面试中关于JavaScript作用域的5个坑

JAVASCRIPT - 最热教程

vue权限问题的完美解决方案 JS实现返回上一页并刷新页面的方法分析解决IOS端微信H5页面软键盘弹起后页面下...javascript – 如何通过z-index对这些c...微信小程序如何修改本地缓存key中单个数...javascript中html字符串转化为jquerydo...获取TypeScript声明文件.d.ts方法解析（...通过使用vue制作滑动堆叠组件（详细教程...vue渲染页面后div的滚动条保持在最底部...js批量设置元素样式和封装似于jquery的...