javascript更换背景
来源:互联网 发布:lable java 编辑:程序博客网 时间:2024/05/18 00:35
background设置多个属性时,不能设置background-size的属性,需要单独设置。
使用js更改background属性值的时候,尽量使用明确的属性值,例如backgroundImage,不使用background,因为如果原来的css中background设置了多个属性,js修改的时候没有写全,未在js中写的属性就会变回默认属性。如果在原css中设置了background-size属性,在js通过background修改部分属性后background-size也会变回默认值。而通过background。是不能修改background-size属性的。
原CSS样式
background: url('../../images/bflogin/bei.jpg') no-repeat 0 center;-webkit-background-size:cover;background-size:cover;
js更换背景后
1使用background
document.getElementsByClassName('main-top')[0].style.background = "url('" + image_list[i] + " ') no-repeat 0 center" ;
2.使用backgroundImage
document.getElementsByClassName('main-top')[0].style.backgroundImage = "url('" + image_list[i] + " ') ";
background的五个参数
background : background-color || background-image || background-repeat || background-attachment || background-position
W3C中的手册说可以background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性:
- background-color
- background-position
- background-size
- background-repeat
- background-origin
- background-clip
- background-attachment
- background-image
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
background-clip属性当背景是图片的时候,border-box和padding-box效果相同(chrome下)。
0 0
- javascript更换背景
- javascript定时更换表格背景
- JavaScript 动态更换li背景颜色
- JavaScript--点击颜色,为主题更换背景颜色
- 更换磁盘背景
- 更换SAP登录背景
- 背景随机更换问题
- Andriod更换背景颜色
- 随机更换窗体背景
- 随机更换背景颜色和背景时钟
- MTK 更换主菜单背景
- android 动态更换界面背景
- 给子对话框更换背景
- MyEclipse更换背景主题方案
- photoshop实现图片更换背景
- 更换setting中的背景颜色
- JavaScript的标题更换
- JavaScript之更换超链接
- JavaScript基础
- angualrjs实现分页查询
- 15. 3Sum
- Android面试题整理-3
- 腾讯多元化战略特征
- javascript更换背景
- 人生的缓冲带
- sparkSQL用jdbc访问mysql
- 从一个小例子来看setInterval的使用
- HttpUtility.UrlDecode(),HttpUtility()escape()、encodeURI()、encodeURIComponent()区别详解以及相应的前台解码和.net后台解码
- Mongodb缓存的使用
- 总结学习 —— 前置定义
- ThreadLocal源码分析
- java泛型总结学习