html背景圖片滾動屬性bgproperties|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

html背景圖片滾動屬性bgproperties

在默認情況下，如果頁面的內容較長，當拖動瀏覽器滾動條的時候，背景會隨著文字內容的滾動而滾動，所謂背景圖像固定，是指不論瀏覽器的滾動條如何拖動，背景都永遠固定在相同的位置，并不會隨著文字滾動而滾動。

【基本語法】

【語法介紹】

Intemet Explorer和Netscape Navigator6都支持<body>標簽的bgproperties屬性擴展。但它只有與background屬性擴展一起使用時才有效。bgproperties屬性只有一個值fixed。它把背景圖像凍結在瀏覽窗口，這樣就不會隨著其他窗口的內容而滾動了。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主體元素的背景圖片滾動屬性</title>
</head>
<body background="images/company_ditu.jpg"bgproperties=fixed>
<p>&nbsp;</p>
<p> 　　　　　　　　　　　　　　每個夢想都值得灌溉</p>
<p> 　　　　　　　　　　　　　　眼淚變成雨水就能落下來</p>
<p> 　　　　　　　　　　　　　　每個孩子都應該被寵愛  </p>
<p>　　　　　　　　　　　　　　他們是我們的未來  </p>
<p>　　　　　　　　　　　　　　這是最好的未來</p>
<p> 　　　　　　　　　　　　　　我們用愛鑄造完美現在  </p>
<p>　　　　　　　　　　　　　　千萬溪流匯聚成大海  </p>
<p>　　　　　　　　　　　　　　每朵浪花一樣澎湃  </p>
<p>　　　　　　　　　　　　　　這是最好的未來</p>
<p> 　　　　　　　　　　　　　 不分你我彼此相親相愛</p>
<p> 　　　　　　　　　　　　　  千山萬水證明這關懷  </p>
<p>　　　　　　　　　　　　　　幸福永遠與愛同在 </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標記是設置背景的屬性為固定，文字是為了使頁面的長度增加，出現滾動條，在瀏覽器中預覽效果，當拖動了瀏覽器的滾動條之后，背景圖像并不會跟著一起滾動，而是固定在了原有的位置上，這樣，背景固定的效果就實現了。

沒有拖動滾動條之前的頁面效果
主體元素的背景圖片滾動屬性bgproperties運行效果

背景固定的效果
主體元素的背景圖片滾動屬性bgproperties運行效果

【素材及源碼下載】

請點擊：html背景圖片滾動屬性bgproperties 下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

html背景圖片滾動屬性bgproperties

本類教程下載

系統下載排行