js如何让背景图片靠右对齐 _js+html

在js中，可以使用backgroundPosition属性改变背景图片的位置。下面小编举例讲解js如何让背景图片靠右对齐。

文章插图

需要这些哦
js+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件，定名为test.html ，用于讲解js若何让布景图片靠右对齐。

文章插图

2在test.html文件内，利用div标签建立一个模块，并设置其id为mytest 。

文章插图

3在css标签内，经由过程id设置div的样式，界说它的宽度为300px ，高度为300px ，边框为1px ，布景图片为1.jpg ，不反复显示。

文章插图

4【js如何让背景图片靠右对齐】在test.html文件内，建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行changePos()函数。

文章插图

5在js标签内，建立一个changePos()函数，在函数内，经由过程id获得div对象，设置其backgroundPosition属性为"top right",即将布景图片显示在顶部，并靠右对齐。

文章插图

6在浏览器打开test.html文件，查看实现的结果。

文章插图

总结：11、利用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文件，查看实现的结果。

以上内容就是js如何让背景图片靠右对齐的内容啦，希望对你有所帮助哦！