在建设网站的过程中,有时难免会要用js来控制css,其实这是十分简单的看下面的例子。
html:<div id="my_div" style="background-color:red">js控制css</div>
js:document.getElementById("my_div").style.backgroundColor="red"
其实就是用style对象访问css属性,值得注意的是样式属性的写法在css里是background-color,但是在js里就是backgroundColor,一般情况是把"_"去掉,第二个字母用大写。
如果用的是外联样式表,就用currentStyle对象代替style对象。如:
document.getElementById("my_div").currentStyle.backgroundColor="red"
//-----------------------------------------
<div class="main_bread">
<div class="main_bread_left">
<ul>
<li>我的岗位</li>
</ul>
</div>
<div class="main_bread_right"><a href="javascript:history.go(-1);">返回上一页</a></div>
</div>
注意下面的图片是X方向平铺,位置是左上,并且是透明的
.main_bread_left {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("../../images/bread_bg.jpg") repeat-x scroll left top transparent;
border-color: #CCCCCC #CCCCCC -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
float: left;
height: 30px;
width: auto;
}
//下面的不需要repeat,只1次就足够了,当然了也可以定义宽度的
.main_bread_left ul li.line {
background: url("../../images/bread_bg2.jpg") repeat scroll 0 0 transparent;
padding: 0;
width: 7px;
}
- 大小: 2.9 KB
分享到:
相关推荐
background 简写属性,作用是将背景属性设置在一个声明中。 background-attachment 背景图像是否固定或者随着页面的其余部分滚动。Scroll随文滚动 background-color 设置元素的背景颜色。 background-image 把...
可以在background属性中设置所有的背景属性。可以设置如下属性: •background-color 颜色 •background-position 位置 •background-size 大小 •background-repeat 如何重复背景图像 •background-origin 背景...
CSS中background的属性值 background-color background-image background-repeat background-position background-attachment 复合属性:background:background-color background-image background -repeat ...
主要介绍了css中background-clip属性的作用,background-clip属性的通俗作用就是指定元素背景所在的区域,对css中background-clip属性的相关知识感兴趣的朋友一起看看吧
ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸。src是图片内容(前景),bg是背景,可以同时使用。 此外:scaleType只对...
背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一。...CSS2 中有5个主要的背景(background)属性,它们是: * background-color: 指定填充背景的颜色。 * background-image: 引
android:background 设置背景色/背景图片。可以通过以下两种方法设置背景为透明:”@android:color /transparent”和”@null”。注意TextView默认是透明的,不用写此属性,但是Buttom/ImageButton /ImageView想透明...
float官方文档概念 float属性指定一个盒子(元素)是否应该浮动,可以设置浮动方向。 css语法 float:left|right|none|inherit ; 属性值: ...规定应该从父元素继承float属性的值 ... background-color: #ff
背景:background-color, background-image, background-position, background-attachment, background-repeat; 文本:text-indent,color,direction,text-decoration,text-align,white-space,letter-spacing,word-...
background-image 属性为元素设置背景图像。 元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。 默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。 1.CSS控制背景图片: 对于一个...
ImageView是用于界面上显示图片的控件。 属性 1、为ImageView设置图片 ①android:src=@drawable/img1; src设置图片,默认图片...③如果src和background属性同时设置,src设置的图片将在上方,background设置的图片将在
background-size是css3提供的一个新特性,它可以让你随心所欲的控制背景图片的大小。下面我们来一步步看看这个新特性都有什么值得我们惊艳的地方
前面我们在使用transition制作一个简单的transition效果时,我们包括了初始属性和最终属性,一个开始执行动作时间和一个延续动作时间以及动作的变换速率,其实这些值都是一个中间值,如果我们要控制的更细一些,比如...
transition是将某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画效果.这个属性一般搭配:hover来使 下面看一个例子:鼠标放在div上,0.2s后将div元素的背景色用一秒的时间变成黄色,变化方式是...
先前,再css里面我们知道background的几个属性color,image,repeat,attachment,position,...2.background-origin background-Origin属性指定了背景图像的位置区域。 ** 上面两个的属性值都是border-box, padding-b
这个radius属性,可不只是设置圆角,还可以用来画一些简单的图形。 画个圆形 #demo1 { width:100px; height:100px; background:red; border-radius: 50%; } 上述50%就是说设置各边圆角都为50%。 那么如何画个...
必须先指定 background-image 属性。该属性定位不受对象的补丁属性( padding )设置影响。 默认值为: 0% 0% 。此时背景图片将被定位于对象不包括补丁( padding )的内容区域的左上角。 如果只指定了一个值,该值将...