js如何让背景图片靠右对齐
在js中，可以使用backgroundPosition属性改变背景图片的位置。下面小编举例讲解js如何让背景图片靠右对齐。
东西/原料
- js+html
- 代码编纂器：zend studio 10.0
方式/步调
- 1
新建一个html文件，定名为test.html，用于讲解js如何让布景图片靠右对齐。
- 2
在test.html文件内，利用div标签建立一个模块，并设置其id为mytest。
- 3
在css标签内，经由过程id设置div的样式，界说它的宽度为300px，高度为300px，边框为1px，布景图片为1.jpg，不反复显示。
- 4
在test.html文件内，建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changePos()函数。
- 5
在js标签内，建立一个changePos()函数，在函数内，经由过程id获得div对象，设置其backgroundPosition属性为"top right",即将布景图片显示在顶部，并靠右对齐。
- 6
在浏览器打开test.html文件，查看实现的结果。
END
总结：
- 1
1、利用div标签建立一个模块，并设置其id为mytest。2、在css标签内，经由过程id设置div的样式，界说它的宽度为300px，高度为300px，边框为1px，布景图片为1.jpg，不反复显示。3、建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changePos()函数。4、在js标签内，建立一个changePos()函数，在函数内，经由过程id获得div对象，设置其backgroundPosition属性为"top right",即将布景图片显示在顶部，并靠右对齐。5、在浏览器打开test.html文件，查看实现的结果。
END
- 发表于 2021-01-09 20:00
- 阅读 ( 267 )
- 分类：其他类型
