當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > 表單設置框架滾動條scrolling

表單設置框架滾動條scrolling

2012/11/22 22:33:50作者：佚名來源：網絡

移動端

【實例介紹】

表單設置框架滾動條scrolling

—個框架中的頁面內容常常會超出整個框架的尺寸范圍。在默認情況下，瀏覽器會在右側或者下方顯示滾動條，以便瀏覽者拖動查看全部內容。但有時希望不顯示滾動條，可以通過scrolling屬性自由控制滾動條的顯示。

【基本語法】

<frame src="頁面源文件地址" scrolling="是否顯示滾動條">

【語法介紹】

scrolling取值包括yes、no或auto。其中，yes表示滾動條一直顯示，no則表示無論什么情況都不顯示滾動條，auto是系統的默認值，它是根據具體內容來調整的，當頁面長度超出瀏覽器窗口的范圍時就會自動顯示滾動條。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>設置框架滾動條</title>
</head>
<frameset rows="123,*" cols="*" frameborder="yes" border="1" framespacing="1">
  <frame src="top.html" name="topFrame" scrolling="yes" 
noresize marginwidth="200" marginheight="100" />
  <frameset rows="*" cols="265,*" framespacing="1" 
frameborder="yes" border="1">
    <frame src="left.html" name="leftFrame" 
scrolling="yes" noresize marginwidth="20"marginheight="100"/>
    <frame src="right.html" name="rightFrame" scrolling="no" noresize/>
  </frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>

【代碼分析】

在代碼中，加粗部分的scrolling="Yes"、 scrolling="yes"和scrolling="no"標記分別將頭部框架和芬釉架設置為顯左部框架設置為顯示滾動條，右部框架設置為不顯示滾動條，在瀏覽器中預覽，效果如圖所示。

設置框架滾動條scrolling運行效果
【素材及源碼下載】

請點擊：設置框架滾動條scrolling 下載本實例相關素材及源碼

標簽：

上一篇：框架邊框與頁面內容的垂直邊距marginheight
下一篇：表單不支持框架標記noframes

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频