jQuery教學-jqeury.height滑動展開iframe高度
2010/09/05
iframe.html
放在<head>.....</head>之間:
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.pack.js"></script> <script type="text/javascript" src="https://photo.minwt.com/download/code/jquery/plugin/jquery.autoheight.js"></script>
放在<body>.....</body>之間:
<a href="main.html" target="ifm">main.html</a><br /> <a href="news.html" target="ifm">news.html</a><br /> <iframe name="ifm" class="autoHeight" frameborder="0" scrolling="no" src="main.html"></iframe>
經梅干測試的結果,適用於各個瀏覽器上,唯一比較需注意到的是,Google Chrome瀏覽器需將網頁放在web上,才可正常運作,否則會有撐不開的情況發生,這個夠簡單吧!只要把js載入接著再把iframe的class名稱設為autoHeight就大功告成啦!
[範例預覽] [範例下載]
引用網址:※如有發現掉圖或檔案無法下載,請由回應區留言告知,將會盡速處理!謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
※本站採用CC授權請勿全文轉貼本站文章,歡迎「部份引用」與介紹,並註明出處,謝謝。
相關文章
回應本篇
※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。
感謝梅乾大大的分享