js变形金刚文字特效代码分享


Posted in Javascript onAugust 20, 2015

为大家分享的js变形金刚文字特效代码如下

-----------------------------------------------效果演示-----------------------------------------------

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js变形金刚文字特效</title>
</head>

<body>
变形金刚 js特效</h1>
<div id="main">

 <div id="right">
 <div class="r" id="bdfs0">
 </div>
 <br />
 </div>
 <div id="center">

 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">数千万年前,宇宙中的智慧生命五面怪在宇宙中建造了一个星球——赛伯坦(Cybertron),在这个星球上,五面怪建造了方便自己制造的星球核心计算机--魔力神球。并在这个星球上制造了两条生产线--军用和民用。这两条生产线上出产的机器人就是后来变形金刚的祖先。魔力神球在五面怪的程序下是个没有思想,没有正邪的设备,同样的它的能力无法超过五面怪,不能自己制造机器人,但可以运行五面怪的程序赋予完整的机体以自主意识程序。《五面怪》《魔力神球》《魔力神球续集--飞行太保》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">
同一时期 宇宙中另一智慧的有机生命——至尊太君,创造了宇宙大帝(Unicon)。这是一个不断吞吃星球的机械生命。它变形为一个巨大的星球,它同魔力神球一样只拥有改造的能力,没有创造能力。只能在原有机体上改造。《至尊太君》《变形金刚大电影》
     1100万年前 赛博特恩上的机器人奴隶在A3(钛师傅)的率领下,军用和民用机器人联合起来赶走了五面怪,推翻了五面怪的统治赢得了自由。之前五面怪迫使他们带的奴隶符号,成为汽车人的标志。迎来了赛博特恩的第一个黄金时期。《岁月之窗》《五面怪》
1000万年前 赛博特恩上的军用机器人联合起来,为争夺赛博特恩的领导权而同民用机器人发生了冲突。赛博特恩内战开始。战争双方都付出了惨重的代价。新的变形能力开发出来,同其他先进技术一样,率先运用到战争中,汽车人的领袖连续阵亡了多名。霸天虎制造出了第一个有威力的战士--威震天。它摧毁了最后一个汽车人领袖,矩阵(能源宝)传到钛师傅手中,直到交给擎天柱时为止。威震天制造了改装机开始建立它的军队,并抢占赛博特恩上的能源。《五面怪》《大力金刚的秘密》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

900万年前 飞行太保救了一个被威震天打伤的叫奥立安?派克斯的机器人和他的女友--爱瑞尔,这两个机器人被钛师傅改造为擎天柱(最著名的汽车人领袖),爱丽达(女汽车人的首领)。《回到过去》<br />


400万年前 赛伯坦的能源枯竭了,汽车人打算到宇宙中寻找能量对付霸天虎。霸天虎追踪汽车人飞离赛伯坦。双方在一颗行星附近激战,霸天虎在威震天的率领下攻入汽车人的飞船--方舟。激战中双方飞船坠毁在地球上。《第一天》

350万年前 地球行星轨道上又出现了两只飞船,飞船的主人被称为巨无霸(汽车人的后代)和原始兽(霸天虎的后代),双方在地球上空又一次重演了祖先的经历。双方飞船坠毁在地球上失去了返回家园--电子星(赛伯特恩)的能力。这些人扫描地球上生物的形态,以适应地球环境。《太空遭遇》<br />


350万年间 拥有不灭的灵魂的霸天虎红蜘蛛再次登场。《阴谋》<br />


350万年间 原始兽的领袖霸王龙勇士根据金盘的秘密,找到圣希尔火山,并按照金盘的图片制造了历史,并且妄图摧毁大峡谷中的猿人。弃暗投明的原始兽战士恐龙勇士用自己的生命做代价挽救了整个峡谷里的生命,摧毁了金盘。《英雄本色》<br />


350万年间 重新改写程序为原始兽的霸天虎机器狗,在听到金盘中自己领袖——威震天的声音后决定帮助霸王龙勇士。激战后,战死于地球上。《电子星人》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

350万年间 霸王龙勇士找到了方舟,摧毁了擎天柱的头颅。引起时空聚变,几乎毁灭巨无霸。原始兽蜘蛛勇士在爱的感召下,启动修复机器,修复擎天柱。《方舟》《最高危机》<br />


350万年间 霸王龙勇士找到了坠毁在海地霸天虎的战舰--暴影号,并用此来摧毁方舟。在克隆恐龙勇士的帮助下巨无霸战胜了霸王龙勇士,将一切归位后,带霸王龙勇士返回电子星。《正义的大结局》<br />


公元532年 霸天虎中的红蜘蛛,轰隆隆,机器狗,喷气机通过时光隧道入侵到亚瑟王朝。《霸天虎入侵亚瑟王朝》<br />


公元1984年 圣希尔火山爆发,方舟的计算机显像一号启动并根据地球上的车辆和武器为原型,修复了汽车人和霸天虎。双方为保卫新家和夺取能源而在地球上再次展开战争。《第一天》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

公元2005年 汽车人和霸天虎展开决战。擎天柱战死,通天晓继任汽车人的领袖。红蜘蛛将重伤的威震天抛弃。重伤的威震天被宇宙大帝改造为惊破天。通天晓没有做领袖的能力。霸天虎中的二号人物红蜘蛛篡权成功,但被惊破天杀死。惊破天重掌霸天虎。领导霸天虎继续完成他们重新征服和占领Cybertron并消灭汽车人的目标。最终,热破从惊破天手中夺回矩阵(能源宝)摧毁了宇宙大帝,成为新的汽车人领袖——补天士。宇宙大帝的头成为赛博特恩的卫星。《变形金刚大电影》<br />

公元2006年,一队汽车人遭到霸天虎袭击,躲进了汽车人的陵墓。在里面,丹尼尔掉队了,于是在陵墓里四处乱逛,却意外发现擎天柱复活了,原来是五面怪使擎天柱复活,让他去摧毁他的汽车人伙伴。陵墓遭到霸天虎袭击,他们被迫离开陵墓,陵墓撞到了太阳上。擎天柱等人中了五面怪的计,带动全部力量去攻打五面怪的星球中央星,可是那个星球是个巨型炸弹。补天士和擎天柱开始抢夺矩阵(能源宝)。在飞船即将撞到中央星时,擎天柱终于醒悟过来,让同伴们乘小飞船逃离,自己则撞上了那颗星球。临死前擎天柱说:“我知道,大家,都……”《五面怪的诡计》

  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">


  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

公元2006年 由于地球乃至整个宇宙都感染了仇恨疯狂症,所有人都在乱打一气。汽车人领袖擎天柱又一次被五面怪复活,使用矩阵(领导模块)将世界从仇恨疯狂症中解救出来,用光了矩阵(领导模块)的能量。此战后惊破天说:“我很佩服你,擎天柱大哥,以后不会再有战争了。”变形金刚的故事至此应说完美的结束。可是,真的结束了吗?《擎天柱复活》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

公元2006年 惊破天重新带领霸天虎攻击汽车人基地,抢夺了五面怪用来制造机器人的能量室的钥匙,在塞伯坦地底下找到了能量室并将其打开,汽车人的一个小队乘坐飞船来到地底下及时阻止,夺回钥匙。而能量室喷发的能量把汽车人小队乘坐的飞船的引擎超载,冲到了星云星上,被星云星人当作星云星上的敌人妖蜂派的机器人,捉住他们。随其而来的一队霸天虎找到了他们,斯派克与丹尼尔及时劝说,星云星人放了汽车人小队,可有一些汽车人被抓走了,丹尼尔也摔成重伤。为了丹尼尔的性命,以及与星云星人们并肩作战,剩下汽车人将它们的头部改造成变形外套,让丹尼尔以及星云星人们穿上,与剩下汽车人合成一体,成为头领战士,救回被抓的汽车人。被打败的霸天虎被妖蜂派逮住,妖蜂派首领撒克逼迫它们与其合作,把两个霸天虎的头改造成外套,成为头领战士,其它人的武器改造成外套,成为目标战士,并袭击了汽车人小队,可效果适得其反,不仅被打败,还送给了汽车人一个科技:目标战士。马上,汽车人打到了妖蜂派老家:地底下,没想到妖蜂派基地本身就是一个变形金刚:撒克巨人,并让其进攻塞伯坦,打败了汽车人大军。在星云星,留下斯派克和另一个汽车人,其他人返回塞伯坦。霸天虎在塞伯坦上设了一个推进器,想让其撞上地球,并在那时打开能量室。斯派克与另一个汽车人制造了福特巨人(巨无霸福特),打败了萨克巨人。擎天柱从魔力神球那儿得知,钥匙不能被破坏。可星星云星人们想:干掉了钥匙,能量室就不起作用了,幸好被斯派克阻止,并脱下变形外套,关掉能量室,并把推进器的磁极放反,收回放射的能量,迎来了塞伯坦的第二个黄金时代。霸天虎们则在乘坐撒克巨人逃跑时被能量室的能量冲飞了。《再生》
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 <table cellspacing="0" cellpadding="0" border="0">
 <tbody>
 <tr>
  <td class="f">

注:《太空遭遇》、《阴谋》、《英雄本色》、《电子星人》、《方舟》、《最高危机》、《正义的大结局》 这几集是超能勇士中的集名,其余为G1。(但并非按集数顺序)[1]
  </td>
 </tr>
 </tbody>
 </table>
 <br />
 
 </div>
</div>

<script type="text/javascript">
 (function () {
  var adContainer, today = new Date();
  document.write('<script src="transformers.js" type="text/javascript"></' + 'script>');
 })();
</script> 
<div style="text-align:center;">
</div>
</body>
</html>

运行效果图:

js变形金刚文字特效代码分享

以上就是为大家分享的javascript变形金刚文字特效代码,希望大家可以喜欢。

Javascript 相关文章推荐
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
Javascript动态绑定事件的简单实现代码
Dec 25 Javascript
一些javascript一些题目的解析
Dec 25 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
Aug 18 Javascript
微信jssdk用法汇总
Jul 16 Javascript
深入理解JS正则表达式---分组
Jul 18 Javascript
AngularJS用户选择器指令实例分析
Nov 04 Javascript
12306 刷票脚本及稳固刷票脚本(防挂)
Jan 04 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
Mar 19 Javascript
vue组件定义,全局、局部组件,配合模板及动态组件功能示例
Mar 19 Javascript
js限制文本框的输入内容代码分享(3类)
Aug 20 #Javascript
JS实现的通用表单验证插件完整实例
Aug 20 #Javascript
jquery Easyui快速开发总结
Aug 20 #Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 #Javascript
js实现按钮颜色渐变动画效果
Aug 20 #Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 #Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 #Javascript
You might like
PHP设计模式之责任链模式的深入解析
2013/06/13 PHP
解析php addslashes()与addclashes()函数的区别和比较
2013/06/24 PHP
PHP中使用循环实现的金字塔图形
2014/11/08 PHP
JQuery 浮动导航栏实现代码
2009/08/27 Javascript
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
用js写了一个类似php的print_r输出换行功能
2013/02/18 Javascript
jQuery关于导航条背景切换效果实现示例
2013/09/04 Javascript
javascript使用window.open提示“已经计划系统关机”的原因
2014/08/15 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
2014/09/04 Javascript
JQuery工具函数汇总
2015/06/15 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
JS简单实现浮动窗口效果示例
2016/09/07 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
TableSort.js表格排序插件使用方法详解
2017/02/10 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
原生js实现移动端触摸轮播的示例代码
2017/12/22 Javascript
vue如何引入sass全局变量
2018/06/28 Javascript
JavaScript引用类型Object常见用法实例分析
2018/08/08 Javascript
Vue匿名插槽与作用域插槽的合并和覆盖行为
2019/04/22 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
2019/12/19 Javascript
[14:24]Optic Gaming vs PSG LGD BO3
2018/06/07 DOTA
Python之Web框架Django项目搭建全过程
2017/05/02 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
python3+PyQt5使用数据库表视图
2018/04/24 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
Python+Opencv实现把图片、视频互转的示例
2020/12/17 Python
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
母婴店促销方案
2014/03/05 职场文书
私人会所最新创业计划书范文
2014/03/24 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
劳动保障个人工作总结
2015/03/04 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
基于Python实现对比Exce的工具
2022/04/07 Python