英 [ˈbækɡraund ˈimidʒ]   美 [ˈbækˌɡraʊnd ˈɪmɪdʒ]  

背景圖像

javascript backgroundImage屬性 語法

作用:設定元素的背景圖片。

語法:Object.style.backgroundImage=url(URL)|none

參數:url(URL)    影像的路徑。    none    無背景影像。    

註解:請設定可用的背景顏色,這樣的話,如果背景圖片不可用,頁面也可獲得良好的視覺效果。

javascript backgroundImage屬性 範例

<html>
<head>
<script type="text/javascript">
function changeStyle()
{
document.body.style.backgroundColor="#FFCC80";
document.body.style.backgroundImage="url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg)";
}
</script>
</head>
<body>

<input type="button" onclick="changeStyle()"
value="Set background image" />

</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例