如何在網頁中放置可以捲動的區域?
如何讓好幾個連結內容共用區域卻不用框架?
這兩個排版經常碰到的需求,使用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就只會有一個方向的捲軸囉!




fennser 發表在 痞客邦 PIXNET 留言(13) 人氣()


留言列表 (13)

發表留言
  • two
  • 感謝~~~~~

    感謝你的教學!!!大大的幫助了我
    簡單又詳細
    大好人萬歲!!!
  • two
  • 阿..不好意思

    真的困擾了好久
    才來請教您
    因為用了這個方法來做自己的個站
    但是我的導覽列是flash
    原本一切應該沒有問題
    但是dw匯出後發現
    flash按鈕在按下 再放開後
    後消失一下(閃一下) 就是變成透明的
    而看到背景的底圖
    被這個問題困擾好久阿...
    不知道是不是這個外掛的bug
    因為如果沒有用這個外掛是不會這樣的
    希望如果您知道
    可以幫幫我....苦惱...
    因為這個外掛真的是我的一大福音~~~~!!
  • 不太了解你描述的問題耶
    可法把你的網頁連結給我看
    這樣我能最快找到問題

    fennser 於 2007/11/17 03:46 回覆

  • softw
  • 您的教學太棒了,讓我學到不少,想請問如果要在別的網頁中的一個圖點擊就會連到另一個網頁中的iframe的某個內容(已設錨點),要怎麼寫鏈結呢?謝謝您的答覆!
  • 悄悄話
  • 哲丸
  • 抱歉 剛按到悄悄話

    請問一下 我按照上訴過程做了一次
    可是在4.接下來則分別替三個導覽指定連結。注意在目標這裡輸入你的Iframe的名字。 這一個項目時,我將我打好的文字做連結,可是目標沒有出現HERE這該怎麼辦ㄚ 我的即時;dodokg800
    mSn:dodo_chug@hotmail.com
    如果方便的話,能將我的即時或MSN加入嗎
    還有其他問題想問= =
    謝謝
  • 幽凝
  • 請問
    我多加了 scrolling="yes"之後還是有兩個捲軸出現@@"
    不知道是哪邊錯了 ><
  • 1.請確認語法放置的位置正確的
    2.是否X軸的內容過多
    若以上兩者皆非,你可給我你的網頁網址,我幫你看看文字檔。

    fennser 於 2009/01/11 04:37 回覆

  • u0
  • 謝謝~已經解決了
    ^^
  • 不知是否可以分享是哪裡出問題呢?
    自己也十分好奇,也許以後也會碰到呢

    fennser 於 2009/01/19 02:09 回覆

  • sakura
  • 彈出選單在頁框中被檔住

    您好,想請教您,我在左頁框中放置彈出選單,選單卻被右頁框遮住,用iframe的話可以解決嗎? 要怎麼用呢? 感恩感恩
  • 愛雄
  • 版主您好!
    我使用Dreamweaver CS3找不到放頁框的按鈕?請問我該怎麼做呢?
  • 芋頭
  • 你好!我是Dreamweaver初學者,是否能請教你一些問題? 方便加我的msn嗎? ktt1026@yahoo.com.tw拜託了^^"
  • 路人甲
  • 謝謝你的教學, 很詳細呢^^
  • j
  • 板大您好
    我有用你教的iframe做了一個網頁,問題來了我在自己的預覽一切正常我的超連結列在右方,點了超連結我在網址後方加入#top它會跑到iframe這個框架的最上方,但是我傳到seednet空間的時候,點選我的超連結,它會顯示內容沒錯,但是不會跑到最上方,請問是怎麼一回事,要在加入什麼嗎?懇請大大賜教,謝謝
  • Kelvin
  • 你好啊,我在使用iframe 時遇到一些難題。就是在iFrame內點選一些連結時,那些連結獨立在web browser 開啟而不是在iFrame內開啟。有沒有辦法把所有的連結都設定在iFrame內呢?