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 相关文章推荐
JavaScript window.setTimeout() 的详细用法
Nov 04 Javascript
纯Javascript实现Windows 8 Metro风格实现
Oct 15 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
最新最热最实用的15个jQuery插件汇总
Jul 05 Javascript
javascript之IE版本检测超简单方法
Aug 20 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
解决VUEX刷新的时候出现数据消失
Jul 03 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
用jquery获取select标签中选中的option值及文本的示例
Jan 25 jQuery
vue.js实现图书管理功能
Sep 24 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 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
用Socket发送电子邮件
2006/10/09 PHP
wamp安装后自定义配置的方法
2014/08/23 PHP
php二维数组合并及去重复的方法
2015/03/04 PHP
laravel config文件配置全局变量的例子
2019/10/13 PHP
利用javascript中的call实现继承
2007/01/22 Javascript
jquery.combobox中文api和例子,修复了上面的小bug
2011/03/28 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
JavaScript获取网页表单action属性的方法
2015/04/02 Javascript
javascript中indexOf技术详解
2015/05/07 Javascript
深入学习JavaScript中的Rest参数和参数默认值
2015/07/28 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
js实现三级联动效果(简单易懂)
2017/03/27 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
使用JS实现动态时钟
2020/03/12 Javascript
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
分析在Python中何种情况下需要使用断言
2015/04/01 Python
浅谈Python中range和xrange的区别
2017/12/20 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
django2.0扩展用户字段示例
2019/02/13 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
python调用支付宝支付接口流程
2019/08/15 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
如何用Python徒手写线性回归
2021/01/25 Python
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
试用期转正鉴定评语
2014/01/27 职场文书
家属联谊会致辞
2015/07/31 职场文书
用Python selenium实现淘宝抢单机器人
2021/06/18 Python
SQL Server中T-SQL标识符介绍与无排序生成序号的方法
2022/05/25 SQL Server
httpclient调用远程接口的方法
2022/08/14 Java/Android