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设置css属性的代码
Dec 28 Javascript
jquery之empty()与remove()区别说明
Sep 10 Javascript
基于jquery DOM写的类似微博发布的效果
Oct 20 Javascript
使用js+jquery实现无限极联动
May 23 Javascript
仿JQuery输写高效JSLite代码的一些技巧
Jan 13 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
Javascript this 函数深入详解
Dec 13 Javascript
前端页面文件拖拽上传模块js代码示例
May 19 Javascript
详解刷新页面vuex数据不消失和不跳转页面的解决
Jan 30 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
Aug 07 Javascript
微信小程序-可移动菜单的实现过程详解
Jun 24 Javascript
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
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
Zerg兵种介绍
2020/03/14 星际争霸
自制汽车收音机天线:收听广播的技巧和方法
2021/03/02 无线电
PHP实现分页的一个示例
2006/10/09 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
php替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
采用header定义为文件然后readfile下载(隐藏下载地址)
2014/01/31 PHP
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
js数组方法扩展实现数组统计函数
2014/04/09 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
2015/01/19 Javascript
js创建数组的简单方法
2016/07/27 Javascript
jQuery中Nicescroll滚动条插件的用法
2016/11/10 Javascript
原生js更改css样式的两种方式
2017/03/15 Javascript
Angularjs中数据绑定的实例详解
2017/08/25 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
layui实现数据分页功能(ajax异步)
2019/07/27 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
Python 中的 else详解
2016/04/23 Python
python实现批量nii文件转换为png图像
2019/07/18 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
简约控的天堂:The Undone
2016/12/21 全球购物
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
应届生英语教师求职信
2013/11/05 职场文书
药学专业个人自我评价
2013/11/11 职场文书
外贸英语毕业生自荐信
2013/11/14 职场文书
《新型玻璃》教学反思
2014/04/13 职场文书
学习普通话的体会
2014/11/07 职场文书
离婚起诉状范本
2015/05/19 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
python3实现Dijkstra算法最短路径的实现
2021/05/12 Python
详解Flutter自定义应用程序内键盘的实现方法
2022/06/14 Java/Android