码迷,mamicode.com
首页 > Web开发 > 详细

JS中如何设置背景图片?

时间:2019-08-29 19:56:32      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:ack   jpg   nbsp   enter   box   背景图像   url   背景   family   

方法一:    

预先设置好一个样式,当用到的时候,只需要给这个对象添加一个类名就行了。

eg: 

css中:
.bj { background: url(star.jpg) no
-repeat center; background-size: cover; }
js中: oBox.className
= "bj";

方法二:

直接使用JS的元素属性style

1 oBox.style.backgroundImage = "url(star.jpg)";//设置背景图的的地址
2 oBox.style.backgroundRepeat = "no-repeat";//设置背景不平铺
3 oBox.style.backgroundPosition = "center";//设置背景图的位置
4 oBox.style.backgroundSize = "cover";//设置背景图像的尺寸

 

JS中如何设置背景图片?

标签:ack   jpg   nbsp   enter   box   背景图像   url   背景   family   

原文地址:https://www.cnblogs.com/hm-08042/p/11431514.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!