10. 彈跳視窗（燈箱） Modals

行內彈跳視窗

• class="modal"可將之變成一個彈跳視窗（點了才會出現的視窗）
• 按鈕的 href 連結要和視窗的 id 相對應

<p><a class="button" href="#example-modal">行內彈跳視窗</a></p>
<div id="example-modal" class="modal">
  視窗內容
</div>

以連結來當作視窗內容

• 主要就是將連結改為 class="modal button"
• href 的值為一般網址。
• 不須要有對應內容

<p><a class="modal button" href="連結網址">外部內容 <i class="icon-external-link"></i></a></p>

開啟Youtube

• 直接將影片網址填入即可

<p><a class="modal button" href="http://www.youtube.com/embed/eDO23-eLoGA">YouTube 影片</a></p>