JavaScript 背景位置屬性
翻譯結果：
background
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n.（畫等的）背景;底色;背景資料;配樂
複數： backgrounds
position
英[pəˈzɪʃn] 美[pəˈzɪʃən]
n.位置，方位;地位，職位;態度;狀態
vt.安置;把…放在適當位置;給…定位;駐軍
第三人稱單數： positions 複數： positions 現在分詞： positioning 過去式： positioned 過去分詞： positioned
JavaScript 背景位置屬性語法
作用：設定背景影像的位置。
語法：Object.style.backgroundPosition=position
#參數：x% y%，第一個值是水平位置，第二個值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您僅規定了一個值，另一個值將是 50%。也可以使用像素單位控制。
JavaScript 背景位置屬性範例
<html>
<head>
<style type="text/css">
body
{
background-color:#FFCC80;
background-image:url(http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg);
background-repeat:no-repeat
}
</style>
<script type="text/javascript">
function changePosition()
{
document.body.style.backgroundPosition="bottom center";
}
</script>
</head>
<body>
<input type="button" onclick="changePosition()"
value="Change background-image position" />
</body>
</html>執行實例 »
點擊 "執行實例" 按鈕查看線上實例