首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

Prototype实战教程:Element.Methods -> setStyle

setStyle setStyle(element, styles) -> HTMLElement 修改 element 的 CSS 样式属性。参数 styles 是一个包含属性名/值对的 Hash 对象, 属性名必须使用 camelized 命名方式指定(译注:例如 CSS 属性 border-width 应写成 borderWidth,而不能写成 border-width)。 样例 $(element).setStyle({ backgroundColor: '#900', fontSize: '12px' }); // -> HTMLElement 注意 该方法在处理 float 和 opacity 时,对不同的浏览器而言是透明的。然而,float 是一个保留的关键字,所以必须进行转义,或使用 cssFloat 来代替。另外,opacity 的取值界于 0(完全透明)和 1(完全不透明)之间。在不同的浏览器...
类别:网页编程 - JavaScript    查看:78    更新:2014-05-22

Prototype实战教程:Element.Methods -> getStyle

getStyle getStyle(element, property) -> String | null 返回 element 的指定 CSS 属性值。property 可以用标准的 CSS 名称指定,也可以使用 camelized 命名方式指定(译注:例如 CSS 属性 border-width 可以用 border-width 指代,也可用 borderWidth 指代)。 译注:其实该方法等同于 DOM 中 element.style.xxx 系列属性。 不论元素应用内联 CSS 样式,还是应用样式表中指定的样式,该方法均能查询到元素相应的 CSS 属性。对于样式属性 float、 opacity(返回值界于 0 和 1 之间,0 表示完全透明,1 表示完全不透明)、位置属性(left、 top、right 和 bottom)以及隐藏元素的尺寸(width 或 height), 该...
类别:网页编程 - JavaScript    查看:85    更新:2014-05-22

Prototype实战教程:Element -> setStyle

setStyle(element, styles) -> HTMLElement 修改 element 的 CSS 样式属性。参数 styles 是一个包含属性名/值对的 Hash 对象, 属性名必须使用 camelized 命名方式指定(译注:例如 CSS 属性 border-width 应写成 borderWidth,而不能写成 border-width)。 样例 $(element).setStyle({ backgroundColor: '#900', fontSize: '12px' }); // -> HTMLElement 注意 该方法在处理 float 和 opacity 时,对不同的浏览器而言是透明的。然而,float 是一个保留的关键字,所以必须进行转义,或使用 cssFloat 来代替。另外,opacity 的取值界于 0(完全透明)和 1(完全不透明)之间。在不同的浏览器上,以下的代码...
类别:网页编程 - JavaScript    查看:89    更新:2014-05-22

Prototype实战教程:Element -> getStyle

getStyle(element, property) -> String | null 返回 element 的指定 CSS 属性值。property 可以用标准的 CSS 名称指定,也可以使用 camelized 命名方式指定(译注:例如 CSS 属性 border-width 可以用 border-width 指代,也可用 borderWidth 指代)。 译注:其实该方法等同于 DOM 中 element.style.xxx 系列属性。 不论元素应用内联 CSS 样式,还是应用样式表中指定的样式,该方法均能查询到元素相应的 CSS 属性。对于样式属性 float、 opacity(返回值界于 0 和 1 之间,0 表示完全透明,1 表示完全不透明)、位置属性(left、 top、right 和 bottom)以及隐藏元素的尺寸(width 或 height), 该方法的返回值在...
类别:网页编程 - JavaScript    查看:101    更新:2014-05-22

JavaScript CSS Style属性对照表

以下是Javascript代码:【复制】 <script type="text/javascript"> function imageOver(e) { e.style.border="1px solid red"; } function imageOut(e) { e.style.borderWidth=0; } </script> <img src="phplamp.gif" onmouseover="imageOver(this)" onmouseout="imageOut(this)" />CSS Style属性对照表  盒子标签和属性对照CSS语法 (不区分大小写)JavaScript语法 (区分大小写)borderborderborder-bottomborderBottomborder-bottom-colorborderBottomColorborder-bottom-styleborderBotto...
类别:网页编程 - JavaScript    查看:95    更新:2014-05-14