線上書籍

行內彈跳視窗

• 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>