2012年8月21日 星期二

隱藏frame某部分

框架頁操作,介紹一些框架的基本概念
因為框架的程式碼比較難實做在頁面上,所以這邊講觀念比較多喔

另外分享「如何看到網頁隱藏內容」(笑)


參考此網址

直接看效果,要做成以下這樣需要一個框架頁以及兩個內容頁(Header.html和Body.html )

Header.html
Body.html


<html>

<frameset cols=* rows= 150,* >

<frame src = " Header.html " >
<frame src = " Body.html " >

</frameset>

</html>


重點在紅色那句
cols是指要不要左右分割,rows是要不要上下分割
以此句來看,「cols=*」表示左右不分割
 rows= 150,*」表示要分成兩部分,第一部分150單位,剩下都是第二部分



Left.htmlRight.html


<html>

<frameset cols=150,* rows=* >

<frame src = "Left.html " >
<frame src = " Right.html " >

</frameset>

</html>

這種就是有左右分隔,上下不分隔....


Header.html
Left.htmlRight.html
也可以做這種變化


<html>

<frameset cols=* rows=50%,50% >

<frameset src cols=50%,50%   rows=* >
<frame src = " Header.html" >
<frame src= " Left.html ">
</frameset>

<frame src = " Right.html " >

</frameset>

</html>



Left.htmlCenter.html Right.html


<html>

<frameset rows=*    cols=33%,33%,33%    border=0>

<frame src="Left.htm" >
<frame src="Center.htm"  >
<frame src="Right.htm"   >

</frameset>

</html>

這樣也可以~




框線的部分
 <frameset> 裡面設定有border屬性可以用
 <frameset  border=1 >這樣表示框線寬度一單位,預設是px


卷軸(scrollbar)的部分

<frame scrolling = yes > 是當頁面超出預設尺寸的時候要出現捲軸
(例如設定100px但是發生了意外...有一張圖爆炸或是怎樣,該頁面變成200px..就應該要有卷軸)
順便分享一下,如果這個屬性變成 <frame scrolling = no >還是可以看到隱藏的內容...
例如隱藏的內容在下面,只要選取框架內文字或圖片

點住之後往下拖曳!!!

下面的東西就會被拖出來了(如果隱藏的東西在右邊就往右拖)
大部分時候蠻管用的嘿嘿

還有框架能不能調大小
<frame noresize=noresize>這樣就不能讓使用者隨便改變框架大小破壞頁面美感!!(?)

大概框架會用到的屬性就是這樣
有其他新的再補充吧~


沒有留言:

張貼留言