如何在網頁中放置可以捲動的區域？
如何讓好幾個連結內容共用區域卻不用框架？
這兩個排版經常碰到的需求，使用Iframe都可以輕易地做到。
目標：建立一個網頁，導覽列有三個連結，點選連結時，三個連結的內容都會出現在Iframe裡
1.首先請下載這個Iframe extension --- PD Iframe Object，
其實它只是一個視覺輔助工具，讓你透過輸入的方式決定你要把Iframe放在哪裏與調整大小。
2.先準備一個網頁就叫做Iframe.htm，並l建立兩列式表格，上列放導覽列而下列是要插入Iframe的位置。同時準備三個網頁稍後對應三個連結。
3.安裝好Iframe extension後可在常用面板上看到iframe的圖示，或是在插入-->版面物件-->iframe裡。
■source：為目前這個Iframe的連結頁面
■scrolling：用來指定iframe是否可以捲動，先選擇auto
■Name：替iframe取個名字，這個很重要，他是用來使外部連結辨認的關鍵
iframe的語法
此時按一下F12，就可以看到mainframe1裡的內容出現在Iframe裡了
4.接下來則分別替三個導覽指定連結。注意在目標這裡輸入你的Iframe的名字。
待三連結都設定好後，按F12預覽就能看到三格連結內容都乖乖的出現在iframe裡了。
5.將其中一個網頁輸入比較長的內容，就會發現Iframe自動出現捲軸了。
注意事項
■你也可以透過設定連結屬性面板裏的目標=Iframe名稱，來將外部連結連到你的Iframe裡。
■Iframe的extension只適用於第一次建立，以後要修該iframe的內容，就必須手動去改code。
■一個網頁裡可以用數個iframe，只要你不搞混的話。
不傳密技！
Q.我的Iframe都會有兩個方向的捲軸，不管我怎麼調整內容都是如此，有什麼辦法只顯示一個方向的捲軸嗎？
這個現象也曾困擾moody良久，今天在此公開這個密技，只要將scrolling這個參數設成yes！那Iframe就只會有一個方向的捲軸囉！
文章標籤
全站熱搜
行萬里路 (1)
感謝你的教學!!!大大的幫助了我 簡單又詳細 大好人萬歲!!!
真的困擾了好久 才來請教您 因為用了這個方法來做自己的個站 但是我的導覽列是flash 原本一切應該沒有問題 但是dw匯出後發現 flash按鈕在按下 再放開後 後消失一下(閃一下) 就是變成透明的 而看到背景的底圖 被這個問題困擾好久阿... 不知道是不是這個外掛的bug 因為如果沒有用這個外掛是不會這樣的 希望如果您知道 可以幫幫我....苦惱... 因為這個外掛真的是我的一大福音~~~~!!
不太了解你描述的問題耶 可法把你的網頁連結給我看 這樣我能最快找到問題
您的教學太棒了，讓我學到不少，想請問如果要在別的網頁中的一個圖點擊就會連到另一個網頁中的iframe的某個內容（已設錨點），要怎麼寫鏈結呢？謝謝您的答覆！
*****
請問一下 我按照上訴過程做了一次 可是在4.接下來則分別替三個導覽指定連結。注意在目標這裡輸入你的Iframe的名字。 這一個項目時，我將我打好的文字做連結，可是目標沒有出現HERE這該怎麼辦ㄚ 我的即時；dodokg800 mSn:dodo_chug@hotmail.com 如果方便的話，能將我的即時或MSN加入嗎 還有其他問題想問= = 謝謝
請問 我多加了 scrolling="yes"之後還是有兩個捲軸出現@@" 不知道是哪邊錯了 ><
1.請確認語法放置的位置正確的 2.是否X軸的內容過多 若以上兩者皆非，你可給我你的網頁網址，我幫你看看文字檔。
謝謝~已經解決了 ^^
不知是否可以分享是哪裡出問題呢? 自己也十分好奇，也許以後也會碰到呢
您好，想請教您，我在左頁框中放置彈出選單，選單卻被右頁框遮住，用iframe的話可以解決嗎? 要怎麼用呢? 感恩感恩
版主您好！ 我使用Dreamweaver CS3找不到放頁框的按鈕？請問我該怎麼做呢?
你好!我是Dreamweaver初學者，是否能請教你一些問題? 方便加我的msn嗎? ktt1026@yahoo.com.tw拜託了^^"
謝謝你的教學, 很詳細呢^^
板大您好 我有用你教的iframe做了一個網頁，問題來了我在自己的預覽一切正常我的超連結列在右方，點了超連結我在網址後方加入#top它會跑到iframe這個框架的最上方，但是我傳到seednet空間的時候，點選我的超連結，它會顯示內容沒錯，但是不會跑到最上方，請問是怎麼一回事，要在加入什麼嗎？懇請大大賜教，謝謝
你好啊，我在使用iframe 時遇到一些難題。就是在iFrame內點選一些連結時，那些連結獨立在web browser 開啟而不是在iFrame內開啟。有沒有辦法把所有的連結都設定在iFrame內呢？
忘了附帶說明:如果我的影片是https://www.youtube.com/watch?v=tmiV39q0YPE那麼 iid=? class=? name=?謝謝!