HTML DOM backgroundPositionY 属性

定义和用法

backgroundPositionY 属性设置 background-image 的垂直位置。

语法:

  1. Object.style.backgroundPositionY=position
参数 描述
- top - center - bottom 垂直位置。
y% 垂直位置。Top 是 0%。Bottom 是 100%
ypos 垂直位置。Top 是 0。单位是像素 (0px) 或其他 CSS 单位。

实例

下面的例子改变 background-image 的垂直位置:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. body
  5. {
  6. background-color:#FFCC80;
  7. background-image:url(bgdesert.jpg);
  8. background-repeat:no-repeat
  9. }
  10. </style>
  11. <script type="text/javascript">
  12. function changePosition()
  13. {
  14. document.body.style.backgroundPositionY="bottom";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19.  
  20. <input type="button" onclick="changePosition()"
  21. value="Change background-image's y-position" />
  22.  
  23. </body>
  24. </html>