JS中如何设置背景图片?
方法一:
预先设置好一个样式,当用到的时候,只需要给这个对象添加一个类名就行了。
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";//设置背景图像的尺寸
转载于:https://www.cnblogs.com/hm-08042/p/11431514.html
JS中如何设置背景图片?相关推荐
- html语言设置网页背景,在html网页中如何设置背景图片?网页背景怎么设置?
不知道大家有没有发现,当我们在浏览部分网页的时候网页的背景都是很漂亮的.那么今天小编来教大家怎么在 html 网页中设置背景图片吧! 1.首先还是老样子,我们在开发工具中新建一个 .html 文件,然 ...
- 在网页中如何设置背景图片
序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {ba ...
- Visual Studio中如何设置背景图片,壁纸
学习编程是一个漫长的过程,设置一个自己喜欢的背景图片,可以给我们的学习过程添加一些乐趣. 下面是效果图 目录 1.在扩展中下载ClaudialDE 2.设置背景图片 3.隐藏窗口 3.或使窗口透明 4 ...
- 电脑桌面怎么设置html背景图,css中如何设置背景图片?
在前端开发过程中,为了页面的美观,往往都会给html页面添加背景图片.那么如何利用css设置html中用图片做背景?本章就给大家介绍css怎样设置背景图片. css怎样设置背景图片? css back ...
- Vue中如何设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...
- 在ASP网页中如何设置背景图片
序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {ba ...
- Android开发:设置背景图片
在Android开发中,设置背景图片是一个既简单又常用的方法,由于本人现在需要同时做Android开发,所以Android的开发技能也要不断学习储备,不仅是为了给老板省钱,也是为了增加自己的竞争力.那 ...
- php图片背景平铺,css如何设置背景图片的平铺方式?css设置背景图片平铺的方法(图文详解)...
css如何设置背景图片的平铺方式?本文就给大家介绍css是如何设置背景图片平铺的方法,让大家了解在css中设置背景图片水平方法平铺.垂直方向平铺,或者是不平铺的方法.有一定的参考价值,有需要的朋友可以 ...
- vue样式中背景图片路径_vue-cli3.0全局less样式中该如何正确设置背景图片的路径?...
用vue-cli3脚手架新建的项目,在使用less设置背景图片的时候遇到了路径报错问题,该如何正确设置背景图片的路径? 项目目录如下: 现在在css文件中有一个全局样式common.less.使用的是 ...
- echarts热力背景图_Echarts 图表中设置背景图片
在项目开发过程中,遇到在Echarts图表上添加背景图的需求,通过查找Echarts官网的配置项,发现 graphic 能够实现在图表中设置背景图片. image 在Echarts的实例中,找到一个实 ...
最新文章
- 程序员请收好:10个非常有用的 Visual Studio Code 插件!
- python设计模式(九):外观模式
- java批量导入数据到excel
- VS2010+matlab2012b环境下C++写MAT文件
- mysql anyvalue函数_Mysql 的ANY_VALUE()函数和 ONLY_FULL_GROUP_BY 模式
- Php二叉树对称,PHP如何实现判断二叉树是否对称
- 基于JAVA+SpringMVC+Mybatis+MYSQL的健身管理系统
- 一步一步学Linq to sql(十):分层构架的例子
- http://blog.csdn.net/zbyufei/article/details/6096881
- ccna学习指南,入门必备
- [-Flutter 自组篇-] 圆形进度条
- 超融合服务器虚拟化优缺点,超融合产品,服务器虚拟化,桌面虚拟化-路坦力-smartx...
- 不爬山的人很少摔跤——Celeste蔚蓝的叙事理念与关卡设计(一)
- 实时数据采集架构原理(蜂巢)
- 32位计算机精度,32位计算机和64位计算机有多大区别!
- 区块链技术应用于链接智慧医疗
- xilinx FPGA IOB约束使用以及注意事项
- Android原生插件开发-开发篇
- 程序员节的一点小感触
- 32位64位Eclipse和jdk对应关系说明【初学者适用】
热门文章
- [视频]K8软件破解脱壳入门教程
- 一行代码实现F11的功能,即让浏览器窗口全屏
- 认识MyBatis、Mybatis笔记.MyBatis的核心配置,动态Mapper,动态SQL,表的关联及分页操作和缓存理解
- 不是所有国产软件都像360一样流氓!这些良心国产软件不该被埋没
- 当下推荐系统的分析和关于长尾效应的解决猜想
- [功能改进]Ctrl+Enter直接提交评论
- larvel html转pdf文件,如何在Laravel中使用TCPDF从HTML生成PDF
- Twitter群推王的推特自动发帖功能是如何实现的
- Hello, CTF WP
- Linux运维踩过的坑---Temporary failure in name resolution