DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js變形金剛文字特效代碼分享
js變形金剛文字特效代碼分享
編輯:關於JavaScript     

為大家分享的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>

運行效果圖:

以上就是為大家分享的javascript變形金剛文字特效代碼,希望大家可以喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved