It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.jumiitokyo.com/x-men-2-the-magic

  1. <!DOCTYPE html>
  2. <html lang="zh-TW"><head>
  3.    <meta charset="utf-8">
  4.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1">
  6.    <meta name="author" content="林語嫣" />
  7.    <meta name="title" content="X戰警2的魔力!這部電影為何成為超級英雄電影的經典?" />
  8.    <meta name="description" content="這裡是專為電影愛好者打造的平台,我將在這裡分享各類型電影的觀後心得、深入分析與推薦。希望透過我的文字,能讓你找到更多值得一看的電影。" />
  9.    <meta name="keywords" content="電影心得分享, 漫威宇宙電影推薦, 迪士尼夢幻世界電影, 哈利波特影片評論, 經典電影分析" />
  10.    <meta property="og:site_name" content="影迷心靈共鳴電影分享站">
  11.    <meta property="og:type" content="article">
  12.    <meta property="og:description" content="這裡是專為電影愛好者打造的平台,我將在這裡分享各類型電影的觀後心得、深入分析與推薦。希望透過我的文字,能讓你找到更多值得一看的電影。" />
  13.    <meta property="og:keywords" content="電影心得分享, 漫威宇宙電影推薦, 迪士尼夢幻世界電影, 哈利波特影片評論, 經典電影分析">
  14.    <meta property="twitter:image" content="" />
  15.    <meta property="twitter:card" content="summary" />
  16.    <link rel="icon" type="image/png" href="https://www.jumiitokyo.com/favicon/%e6%9e%97%e8%aa%9e%e5%ab%a3.ico" />
  17.    <link rel="shortcut icon" type="image/png" href="https://www.jumiitokyo.com/favicon/%e6%9e%97%e8%aa%9e%e5%ab%a3.ico" />
  18.    <title>X戰警2的魔力!這部電影為何成為超級英雄電影的經典?|影迷心靈共鳴電影分享站</title>
  19.    <link rel="canonical" href="https://www.jumiitokyo.com/x-men-2-the-magic/">
  20.    <link rel="stylesheet" href="https://www.jumiitokyo.com/css/iDisqus.min.css"/>
  21.    
  22.    <link rel="stylesheet" href="https://www.jumiitokyo.com/css/bootstrap.min.css">
  23.    
  24.    <link rel="stylesheet" href="https://www.jumiitokyo.com/css/hugo-theme-cleanwhite.min.css">
  25.  
  26.    
  27.    <link rel="stylesheet" href="https://www.jumiitokyo.com/css/zanshang.css">
  28.  
  29.    
  30.    <link rel="stylesheet" href="https://www.jumiitokyo.com/css/font-awesome.all.min.css">
  31.  
  32.    
  33.    <script src="https://www.jumiitokyo.com/js/jquery.min.js"></script>
  34.  
  35.    
  36.    <script src="https://www.jumiitokyo.com/js/bootstrap.min.js"></script>
  37.  
  38.    
  39.    <script src="https://www.jumiitokyo.com/js/hux-blog.min.js"></script>
  40.  
  41.    
  42.    <script src="https://www.jumiitokyo.com/js/lazysizes.min.js"></script>
  43.  
  44.    <script type="application/ld+json">
  45.    {
  46.      "@context": "https://schema.org",
  47.      
  48.      "publisher": {
  49.        "@type": "Organization",
  50.        "name": "林語嫣",
  51.        "logo": {
  52.          "@type": "ImageObject",
  53.          "url": "https:\/\/www.jumiitokyo.com\/",
  54.          "width": "600",
  55.          "height": "60"
  56.        }
  57.      },
  58.      "inLanguage": "zh-TW",
  59.      
  60.      
  61.      
  62.        "@type": "BlogPosting",
  63.        "headline": "X戰警2的魔力!這部電影為何成為超級英雄電影的經典?",
  64.        "name": "X戰警2的魔力!這部電影為何成為超級英雄電影的經典?",
  65.        "description": "\u003ch2 id=\u0022x戰警2超級英雄電影的巔峰之作\u0022\u003eX戰警2:超級英雄電影的巔峰之作\u003c\/h2\u003e\n\u003cp\u003e在2003年上映的《X戰警2》(英語:X2)不僅是超級英雄電影的一場視覺盛宴,更是一部充滿深度和情感的作品。這部電影由美國二十世紀福克斯電影公司出品,布萊恩·辛格執導,並由休·傑克曼、哈莉·貝瑞、帕特里克·斯圖爾特、伊恩·麥克萊恩、法米克·詹森等一眾明星聯合主演。這部作品改編自漫威漫畫旗下的《X戰警》系列,講述了金鋼狼、X教授、萬磁王等主要角色之間的精彩對決,以及他們對人類與變種人關係的種種探討。\u003c\/p\u003e",
  66.        "url": "https:\/\/www.jumiitokyo.com\/x-men-2-the-magic\/",
  67.        "datePublished": "2024-11-28T06:10:24\u002b08:00",
  68.        "dateModified": "2024-11-28T06:10:24\u002b08:00",
  69.        "image": ,
  70.        "author": {
  71.          "@type": "Person",
  72.          "name": "林語嫣"
  73.        },
  74.        "keywords": [
  75.        ]
  76.      
  77.    }
  78.    </script>
  79. </head>
  80.      <script async src="https://www.googletagmanager.com/gtag/js?id=G-76PZP8764S"></script>
  81.      <script>
  82.        var doNotTrack = false;
  83.        if ( false ) {
  84.          var dnt = (navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack);
  85.          var doNotTrack = (dnt == "1" || dnt == "yes");
  86.        }
  87.        if (!doNotTrack) {
  88.          window.dataLayer = window.dataLayer || [];
  89.          function gtag(){dataLayer.push(arguments);}
  90.          gtag('js', new Date());
  91.          gtag('config', 'G-76PZP8764S');
  92.        }
  93.      </script><nav class="navbar navbar-default navbar-custom navbar-fixed-top"><div class="container-fluid">
  94.        
  95.        <div class="navbar-header page-scroll">
  96.            <button type="button" class="navbar-toggle">
  97.                <span class="sr-only">Toggle navigation</span>
  98.                <span class="icon-bar"></span>
  99.                <span class="icon-bar"></span>
  100.                <span class="icon-bar"></span>
  101.            </button>
  102.            <a class="navbar-brand" href="https://www.jumiitokyo.com/">影迷心靈共鳴電影分享站</a>
  103.        </div>
  104.  
  105.        
  106.        
  107.        <div id="huxblog_navbar">
  108.            <div class="navbar-collapse">
  109.                <ul class="nav navbar-nav navbar-right">
  110.                    <li> <a href="https://www.jumiitokyo.com/">首頁</a></li><li>
  111.                            <a href="https://www.jumiitokyo.com/categories/%E5%93%88%E5%88%A9%E6%B3%A2%E7%89%B9%E9%AD%94%E6%B3%95%E6%8C%87%E5%8D%97/">哈利波特魔法指南</a>
  112.                        </li><li>
  113.                            <a href="https://www.jumiitokyo.com/categories/%E6%BC%AB%E5%A8%81%E5%AE%87%E5%AE%99/">漫威宇宙</a>
  114.                        </li><li>
  115.                            <a href="https://www.jumiitokyo.com/categories/%E8%BF%AA%E5%A3%AB%E5%B0%BC%E5%A4%A2%E5%B9%BB%E4%B8%96%E7%95%8C/">迪士尼夢幻世界</a>
  116.                        </li>-->
  117.              -->
  118.              
  119.              
  120.              
  121.              
  122.              
  123.              
  124.              
  125.              
  126.                
  127.                    <li><a href="https://www.jumiitokyo.com/about">關於我們</a></li>
  128.                    <li><a href="https://www.jumiitokyo.com/contact">聯絡我們</a></li>
  129.                    <li><a href="https://www.jumiitokyo.com/privacy-policy">隱私權政策</a></li>
  130.                    <li><a href="https://www.jumiitokyo.com/disclaimer">免責聲明</a></li>
  131.                    
  132.            <li>
  133.                        <a href="https://www.jumiitokyo.com/search"><i class="fa fa-search"></i></a>
  134.           </li>
  135.                </ul>
  136.            </div>
  137.        </div>
  138.        
  139.    </div>
  140.    
  141. </nav>
  142. <script>
  143.    
  144.    
  145.    
  146.    var $body   = document.body;
  147.    var $toggle = document.querySelector('.navbar-toggle');
  148.    var $navbar = document.querySelector('#huxblog_navbar');
  149.    var $collapse = document.querySelector('.navbar-collapse');
  150.  
  151.    $toggle.addEventListener('click', handleMagic)
  152.    function handleMagic(e){
  153.        if ($navbar.className.indexOf('in') > 0) {
  154.        
  155.            $navbar.className = " ";
  156.            
  157.            setTimeout(function(){
  158.                
  159.                if($navbar.className.indexOf('in') < 0) {
  160.                    $collapse.style.height = "0px"
  161.                }
  162.            },400)
  163.        }else{
  164.        
  165.            $collapse.style.height = "auto"
  166.            $navbar.className += " in";
  167.        }
  168.    }
  169. </script>
  170.  
  171. <style type="text/css">
  172.    header.intro-header {
  173.        background-image: url('/img/header-image.jpg')
  174.    }
  175. </style><header class="intro-header" ><div class="container">
  176.        <div class="row">
  177.            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
  178.                <div class="post-heading">
  179.                    <div class="tags"></div>
  180.                    <h1>X戰警2的魔力!這部電影為何成為超級英雄電影的經典?</h1>
  181.                    <h2 class="subheading"></h2>
  182.                    <span class="meta">Posted by林語嫣onThursday, November 28, 2024</span>
  183.                </div>
  184.            </div>
  185.        </div>
  186.    </div>
  187. </header>
  188. <article>
  189.    <div class="container">
  190.        <div class="row">
  191.  
  192.            
  193.            <div class="
  194.                col-lg-8 col-lg-offset-2
  195.                col-md-10 col-md-offset-1
  196.                post-container">
  197.  
  198.                
  199.                <div style="text-align: center;">
  200.                    <img src="https://www.jumiitokyo.com/images_pics/x-men-2-the-magic.png" alt="X戰警2的魔力!這部電影為何成為超級英雄電影的經典?" style="max-width: 100%; height: auto;">
  201.                </div><h2 id="x戰警2超級英雄電影的巔峰之作">X戰警2:超級英雄電影的巔峰之作</h2>
  202. <p>在2003年上映的《X戰警2》(英語:X2)不僅是超級英雄電影的一場視覺盛宴,更是一部充滿深度和情感的作品。這部電影由美國二十世紀福克斯電影公司出品,布萊恩·辛格執導,並由休·傑克曼、哈莉·貝瑞、帕特里克·斯圖爾特、伊恩·麥克萊恩、法米克·詹森等一眾明星聯合主演。這部作品改編自漫威漫畫旗下的《X戰警》系列,講述了金鋼狼、X教授、萬磁王等主要角色之間的精彩對決,以及他們對人類與變種人關係的種種探討。</p>
  203. <h2 id="劇情梗概驚險不斷的冒險旅程">劇情梗概:驚險不斷的冒險旅程</h2>
  204. <p>《X戰警2》延續了前作的故事線,一個反變異的「黑色行動」專家威廉·史崔克綁架了X教授,並囚禁了他的學生。史崔克更是偷走了腦波強化器,企圖發動一場針對變種人的大屠殺。面對如此緊迫的危機,逃亡的X戰警們與新來的藍魔鬼聯合萬磁王,一同展開了一場緊張刺激的拯救行動。故事的高潮部分,X戰警們不僅要拯救他們的兄弟,還要阻止史崔克的陰謀得逞。美國總統遭到刺殺,整個國家陷入震驚,X戰警們的挑戰才剛剛開始。</p>
  205. <h2 id="導演布萊恩辛格的天才之筆">導演布萊恩·辛格的天才之筆</h2>
  206. <p>布萊恩·辛格在《X戰警2》中展示了他獨特的導演才華,將一個複雜的故事線融入到流暢的敘述中。他巧妙地平衡了動作場面與角色發展,讓觀眾在緊張刺激的同時,能夠深入了解每個角色的內心世界。辛格的執導風格將這部電影提升到了一個全新的高度,使其成為影史上經典的超級英雄電影之一。</p>
  207. <h2 id="演員陣容星光熠熠的表演">演員陣容:星光熠熠的表演</h2>
  208. <p>這部電影能夠如此成功,部分要歸功於其卓越的演員陣容。休·傑克曼飾演的金鋼狼無疑是整個X戰警系列的靈魂人物,他將這位有著複雜過去的角色詮釋得淋漓盡致。哈莉·貝瑞的暴風女、帕特里克·斯圖爾特的X教授以及伊恩·麥克萊恩的萬磁王,各個角色都有著鮮明的個性和深刻的內涵。這些演員的表演不僅讓角色栩栩如生,更讓觀眾在觀影過程中產生了強烈的情感共鳴。</p>
  209. <h2 id="角色關係的深層探討">角色關係的深層探討</h2>
  210. <p>在《X戰警2》中,角色之間的關係得到了更深層次的探討。X教授與萬磁王的對立與合作成為了影片的一大看點。他們雖然理念不同,但在對抗共同敵人時卻能夠聯手,這種微妙的關係使得故事更加引人入勝。金鋼狼與其他X戰警成員之間的互動也為影片增添了不少生動的色彩。</p>
  211. <h2 id="變種人與人類的對立與共存">變種人與人類的對立與共存</h2>
  212. <p>影片不僅僅是一部超級英雄電影,它還探討了變種人與人類之間複雜的關係。變種人被視為異類,面臨著社會的偏見與歧視,這些元素無疑是現實世界中某些社會問題的隱喻。影片通過變種人所經歷的困難,反映了種族歧視和包容性的重要性。這種深刻的主題讓《X戰警2》不僅僅是一場視覺盛宴,更是一部值得反思的電影。</p>
  213. <h2 id="特效與視覺效果的巔峰">特效與視覺效果的巔峰</h2>
  214. <p>《X戰警2》的視覺效果無疑是當時電影技術的巔峰之作。從華麗的動作場面到逼真的特效,這部電影在視覺上給觀眾帶來了強烈的震撼。藍魔鬼的瞬間移動、金鋼狼的爪子、暴風女的天氣控制等特效都展現了製作團隊的高超技術,讓觀眾彷彿置身於一個真實的超級英雄世界。</p>
  215. <h2 id="票房數據與觀眾反響">票房數據與觀眾反響</h2>
  216. <p>《X戰警2》在上映後獲得了極高的票房收入,其全球票房達到了超過4億美元,這一成績在當時的超級英雄電影中名列前茅。觀眾對於這部電影的評價也非常正面,許多人認為這是X戰警系列中最精彩的一部。以下是一些關於《X戰警2》的關鍵數據:</p>
  217. <table>
  218.  <thead>
  219.      <tr>
  220.          <th>項目</th>
  221.          <th>數據</th>
  222.      </tr>
  223.  </thead>
  224.  <tbody>
  225.      <tr>
  226.          <td>全球票房收入</td>
  227.          <td>超過4億美元</td>
  228.      </tr>
  229.      <tr>
  230.          <td>上映年份</td>
  231.          <td>2003年</td>
  232.      </tr>
  233.      <tr>
  234.          <td>導演</td>
  235.          <td>布萊恩·辛格</td>
  236.      </tr>
  237.      <tr>
  238.          <td>主演</td>
  239.          <td>休·傑克曼等</td>
  240.      </tr>
  241.      <tr>
  242.          <td>觀眾評分</td>
  243.          <td>8.0/10(IMDb)</td>
  244.      </tr>
  245.  </tbody>
  246. </table>
  247. <h2 id="常見問題解答">常見問題解答</h2>
  248. <h3 id="x戰警2與其他x戰警系列電影有何不同">《X戰警2》與其他X戰警系列電影有何不同?</h3>
  249. <p>《X戰警2》不僅延續了前作的故事線,還在角色發展和情感深度上有了更進一步的探索。影片中探討了更多有關變種人與人類之間的複雜關係,並通過驚險的劇情將這些主題生動地呈現在觀眾面前。</p>
  250. <h3 id="布萊恩辛格在這部電影中的貢獻有多大">布萊恩·辛格在這部電影中的貢獻有多大?</h3>
  251. <p>布萊恩·辛格在《X戰警2》中展示了他卓越的導演才華,成功地將複雜的故事線融入到流暢的敘述中。他的執導風格不僅提升了這部電影的視覺效果,更讓角色和情感深入人心。</p>
  252. <h3 id="這部電影的視覺效果為何如此出色">這部電影的視覺效果為何如此出色?</h3>
  253. <p>《X戰警2》的視覺效果是當時電影技術的巔峰之作,製作團隊運用了先進的特效技術來呈現各種超能力場景。這些高超的特效讓觀眾彷彿置身於一個真實的超級英雄世界,增強了影片的視覺震撼力。</p>
  254. <h3 id="影片中的角色關係有何特點">影片中的角色關係有何特點?</h3>
  255. <p>影片中,X教授與萬磁王的對立與合作成為一大看點。他們的微妙關係讓故事更具深度,並且金鋼狼與其他X戰警成員的互動也為影片增添了不少生動的色彩。</p>
  256. <h3 id="變種人與人類的主題有何意義">變種人與人類的主題有何意義?</h3>
  257. <p>影片探討了變種人被視為異類所面臨的偏見與歧視,這些元素是現實社會某些問題的隱喻。通過變種人所經歷的困難,影片反映了種族歧視和包容性的重要性,這種深刻的主題讓《X戰警2》成為一部值得反思的電影。</p>
  258. <h3 id="這部電影的票房表現如何">這部電影的票房表現如何?</h3>
  259. <p>《X戰警2》在全球票房收入超過4億美元,這一成績在當時的超級英雄電影中名列前茅,並且獲得了觀眾和評論家的一致好評,成為X戰警系列中的經典之作。</p>
  260. <hr>
  261.                <ul class="pager"><li class="previous">
  262.                        <a href="https://www.jumiitokyo.com/universe-harry-potter-magic-adventure/" data-toggle="tooltip" data-placement="top" title="環球 哈利波特:魔法世界的奇幻冒險之旅如何讓你驚嘆不已?">&larr;
  263.                            Previous Post</a>
  264.                    </li><li class="next">
  265.                        <a href="https://www.jumiitokyo.com/tomorrowland-mystery-unveiled/" data-toggle="tooltip" data-placement="top" title="《明日世界》的神秘面紗揭開!這部電影和迪士尼樂園有什麼關聯?">Next
  266.                            Post &rarr;</a>
  267.                    </li></ul></div>
  268.  
  269.            <div class="
  270.                col-lg-2 col-lg-offset-0
  271.                visible-lg-block
  272.                sidebar-container
  273.                catalog-container">
  274.                <div class="side-catalog">
  275.                    <hr class="hidden-sm hidden-xs">
  276.                    <h5>
  277.                        <a class="catalog-toggle" href="#">CATALOG</a>
  278.                    </h5>
  279.                    <ul class="catalog-body"></ul>
  280.                </div>
  281.            </div>
  282.            <div class="
  283.                col-lg-8 col-lg-offset-2
  284.                col-md-10 col-md-offset-1
  285.                sidebar-container">
  286.  
  287.                <section>
  288.                    <hr class="hidden-sm hidden-xs">
  289.                    <h5><a href="https://www.jumiitokyo.com/tags/">FEATURED TAGS</a></h5>
  290.                    <div class="tags"><a href="https://www.jumiitokyo.com/tags/%E5%88%86%E9%A1%9E%E5%B8%BD%E9%81%8B%E4%BD%9C%E5%8E%9F%E7%90%86%E6%8F%AD%E7%A7%98" title="分類帽運作原理揭秘">分類帽運作原理揭秘</a><a href="https://www.jumiitokyo.com/tags/%E5%A6%82%E4%BD%95%E9%81%B8%E6%93%87%E9%9C%8D%E6%A0%BC%E8%8F%AF%E8%8C%B2%E5%AD%B8%E9%99%A2" title="如何選擇霍格華茲學院">如何選擇霍格華茲學院</a><a href="https://www.jumiitokyo.com/tags/%E5%B0%8F%E7%86%8A%E7%BB%B4%E5%B0%BC%E5%85%A8%E7%90%83%E6%96%87%E5%8C%96%E5%BD%B1%E5%93%8D" title="小熊维尼全球文化影响">小熊维尼全球文化影响</a><a href="https://www.jumiitokyo.com/tags/%E5%B0%8F%E7%86%8A%E7%BB%B4%E5%B0%BC%E5%93%81%E7%89%8C%E6%88%90%E5%8A%9F%E7%A7%98%E8%AF%80" title="小熊维尼品牌成功秘诀">小熊维尼品牌成功秘诀</a><a href="https://www.jumiitokyo.com/tags/%E5%B0%8F%E7%86%8A%E7%BB%B4%E5%B0%BC%E6%B5%81%E8%A1%8C%E8%83%8C%E5%90%8E%E7%9A%84%E6%95%85%E4%BA%8B" title="小熊维尼流行背后的故事">小熊维尼流行背后的故事</a><a href="https://www.jumiitokyo.com/tags/%E7%8F%BE%E4%BB%A3%E4%B8%96%E7%95%8C%E4%B8%AD%E7%9A%84%E7%BE%8E%E5%9C%8B%E9%9A%8A%E9%95%B7%E9%81%A9%E6%87%89" title="現代世界中的美國隊長適應">現代世界中的美國隊長適應</a><a href="https://www.jumiitokyo.com/tags/%E7%BE%8E%E5%9C%8B%E9%9A%8A%E9%95%B72%E8%A7%92%E8%89%B2%E5%88%86%E6%9E%90" title="美國隊長2角色分析">美國隊長2角色分析</a><a href="https://www.jumiitokyo.com/tags/%E9%85%B7%E5%AF%92%E6%88%B0%E5%A3%AB%E8%A7%92%E8%89%B2%E8%83%8C%E6%99%AF%E6%95%85%E4%BA%8B" title="酷寒戰士角色背景故事">酷寒戰士角色背景故事</a><a href="https://www.jumiitokyo.com/tags/%E9%9C%8D%E6%A0%BC%E8%8F%AF%E8%8C%B2%E5%AD%B8%E9%99%A2%E5%88%86%E9%A1%9E%E6%B8%AC%E8%A9%A6" title="霍格華茲學院分類測試">霍格華茲學院分類測試</a></div>
  291.                </section></div>
  292.        </div>
  293.    </div>
  294. </article>
  295. <footer>
  296.    <div class="container">
  297.        <div class="row">
  298.            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
  299.                <ul class="list-inline text-center"><li>
  300.                        <a href="/cdn-cgi/l/email-protection#f49590999d9ab49e81999d9d809b9f8d9bda979b99">
  301.                            <span class="fa-stack fa-lg">
  302.                                <i class="fas fa-circle fa-stack-2x"></i>
  303.                                <i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
  304.                            </span>
  305.                        </a>
  306.                    </li><li>
  307.                       <a href='' rel="alternate" type="application/rss+xml" title="影迷心靈共鳴電影分享站" >
  308.                           <span class="fa-stack fa-lg">
  309.                               <i class="fas fa-circle fa-stack-2x"></i>
  310.                               <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
  311.                           </span>
  312.                       </a>
  313.                   </li></ul>
  314. <p class="copyright text-muted">
  315.                    Copyright &copy; 影迷心靈共鳴電影分享站 2025 <br></p>
  316.            </div>
  317.        </div>
  318.    </div>
  319. </footer>
  320.  
  321.  
  322.  
  323.  
  324. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  325.    function loadAsync(u, c) {
  326.      var d = document, t = 'script',
  327.          o = d.createElement(t),
  328.          s = d.getElementsByTagName(t)[0];
  329.      o.src = u;
  330.      if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
  331.      s.parentNode.insertBefore(o, s);
  332.    }
  333. </script>
  334.  
  335. <script>
  336.    
  337.    if($('#tag_cloud').length !== 0){
  338.        loadAsync("/js/jquery.tagcloud.js",function(){
  339.            $.fn.tagcloud.defaults = {
  340.                
  341.                color: {start: '#bbbbee', end: '#0085a1'},
  342.            };
  343.            $('#tag_cloud a').tagcloud();
  344.        })
  345.    }
  346. </script>
  347.  
  348.  
  349. <script>
  350.    loadAsync("https://cdn.jsdelivr.net/npm/fastclick@1.0.6/lib/fastclick.min.js", function(){
  351.        var $nav = document.querySelector("nav");
  352.        if($nav) FastClick.attach($nav);
  353.    })
  354. </script>
  355.  
  356. <script type="text/javascript">
  357.    function generateCatalog(selector) {
  358.  
  359.        
  360.        
  361.        
  362.        
  363.            _containerSelector = 'div.post-container'
  364.        
  365.  
  366.        
  367.        var P = $(_containerSelector), a, n, t, l, i, c;
  368.        a = P.find('h1,h2,h3,h4,h5,h6');
  369.  
  370.        
  371.        $(selector).html('')
  372.  
  373.        
  374.        a.each(function () {
  375.            n = $(this).prop('tagName').toLowerCase();
  376.            i = "#" + $(this).prop('id');
  377.            t = $(this).text();
  378.            c = $('<a href="' + i + '" rel="nofollow">' + t + '</a>');
  379.            l = $('<li class="' + n + '_nav"></li>').append(c);
  380.            $(selector).append(l);
  381.        });
  382.        return true;
  383.    }
  384.  
  385.    generateCatalog(".catalog-body");
  386.  
  387.    
  388.    $(".catalog-toggle").click((function (e) {
  389.        e.preventDefault();
  390.        $('.side-catalog').toggleClass("fold")
  391.    }))
  392.  
  393.    
  394.  
  395.  
  396.    loadAsync("\/js\/jquery.nav.js", function () {
  397.        $('.catalog-body').onePageNav({
  398.            currentClass: "active",
  399.            changeHash: !1,
  400.            easing: "swing",
  401.            filter: "",
  402.            scrollSpeed: 700,
  403.            scrollOffset: 0,
  404.            scrollThreshold: .2,
  405.            begin: null,
  406.            end: null,
  407.            scrollChange: null,
  408.            padding: 80
  409.        });
  410.    });
  411. </script></body>
  412. </html>
  413.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda