`
siashuayongsheng
  • 浏览: 121366 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

css之expression用法

CSS 
阅读更多
<style>
input{background-color:expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"")}
</style>
<style type="text/css">
tr{ background-color:expression('#F8F8F8,#FFF000'.split(',')[rowIndex%2]);
    star:expression(onmouseover=function(){this.style.backgroundColor="#a09683"},onmouseout=function(){this.style.backgroundColor="";});
}
</style>

<INPUT TYPE="text" NAME="">
<INPUT TYPE="text" NAME="" value="只读属性" readonly>

<table>
<tr><td>asdf</td></tr>
<tr><td>asdf</td></tr>
<tr><td>asdf</td></tr>
<tr><td>asdf</td></tr>
</table>
分享到:
评论

相关推荐

    CSS中expression使用简介

    在这里,`star`是一个自定义的CSS属性,它通过`expression`关联到JavaScript的`onfocus`事件处理,当链接获得焦点时,自动调用`blur`方法去除虚线边框。 ### `expression`的限制与注意事项 1. **性能问题**:`...

    CSS自定义属性Expression

    使用CSS自定义属性Expression,我们可以这样做: ```css &lt;style type="text/css"&gt; a { star: expression(onfocus=this.blur()) } &lt;a href="link1.htm"&gt;link1 &lt;a href="link2.htm"&gt;link2 &lt;a href="link3.htm"&gt;...

    css expression使用概述及其优缺点介绍

    **使用方法** CSS Expression的使用主要是通过`expression`属性,可以直接在CSS中定义。例如,下面的代码片段展示了如何创建一个返回顶部按钮,并将其保持在屏幕底部: ```css .toTop { top: expression(eval...

    CSS中使用expression表达式

    `expression`的基本用法是在CSS规则中通过`expression()`函数定义一个JavaScript表达式,这个表达式的结果会被用来设置CSS属性的值。例如,以下代码会使得输入框在鼠标悬停时改变背景色: ```css input { border: ...

    CSS expression 隔行换色效果

    在本例中,我们将探讨如何使用CSS expression以及JavaScript来实现隔行换色的效果。 首先,让我们来看看CSS expression的使用。在提供的代码中,`expression(this.sourceIndex%2==0?'#9FB7F6':'#B6C8F8')` 是一个...

    CSS expression在Chrome的问题

    在上述描述中,提到的问题是在IE低版本浏览器中使用的表达式方法在Chrome中会遇到问题,具体表现在代码解析错误,导致部分CSS规则不执行。 该问题中的具体代码示例为: ```css #testimg { width: expression(this...

    CSS expression判断表达式设置input样式

    因此,使用CSS expression具有严重的跨浏览器兼容性问题。 在提供的代码示例中,`expression`被用来根据`input`元素的`type`属性来改变其背景颜色。当`input`类型为`text`时,背景色设置为`#FFC`(浅黄色),否则...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握...important标记区别Firefox和IE6 DIV+CSS页面布局中注意的问题以及常用的CSS使用方法 网页布局基础-XHTML与CSS基础 CSS命名规则

    第十四节 IE中利用CSS触发XSS-01

    在CSS中,可以使用CSS表达式(css expression)来执行JavaScript代码。CSS表达式是一个早期的微软DHTML产物,可以在CSS中定义表达式来达到建立元素间属性之间的联系等作用。从IE5开始得到支持,但由于标准、性能、...

    CSS中使用expression完美设置页面最小宽度(兼容ie)

    总之,`expression`是IE浏览器中解决页面最小宽度问题的一种方法,但因其非标准性、性能问题和兼容性限制,建议在现代Web开发中谨慎使用。更好的策略是依赖标准化的CSS属性和跨浏览器的兼容性解决方案。

    Thingworx Expression&Eventsrouter Widget

    在Thingworx物联网平台上,Expression&Eventsrouter Widget是两个非常重要的组件,它们为开发者提供了强大的功能,用于数据处理和事件管理。这篇文档将详细介绍这两个组件的高级用法,并且对于初次接触Thingworx平台...

    css expression 隔行换色

    综上所述,尽管CSS `expression` 提供了一种实现隔行换色的简便方法,但在实际项目中并不推荐使用,尤其是考虑到其兼容性和性能问题。更推荐的做法是使用纯CSS解决方案或JavaScript来实现这一功能。

    CssStyle.txt

    在这段CSS规则中,使用了`css:expression()`语法,这是一个非标准但常被使用的功能,主要用于在JavaScript中动态地计算或更改CSS属性。具体来说,在这个例子中,当鼠标悬停在`&lt;tr&gt;`元素上时(`onmouseover`事件),...

    css expression实现的图片自动缩放

    CSS(层叠样式表)表达式(Expression)曾被用来实现在不同屏幕尺寸下动态调整图片大小的功能,尽管这种方法在现代前端开发中已较少使用,但在早期的Web开发中颇为流行。以下我们将详细探讨如何使用CSS Expression来...

    CSS Expression 优化

    尽管这种优化能够缓解性能问题,但最根本的建议还是避免在现代Web开发中使用CSS Expression,转而采用CSS类和JavaScript交互的方式来实现动态样式,这样可以更好地利用现代浏览器的渲染机制,提升页面的整体性能。

    用CSS防iframe型挂马

    ### 使用CSS防御iframe型挂马方法详解 #### 一、背景与问题介绍 在网络安全领域,iframe木马攻击是一种常见的安全威胁方式。攻击者通过在合法网页中注入恶意的iframe代码,将用户重定向到含有恶意软件或钓鱼网站的...

    jsp css技术详解

    在JSP中,我们可以使用JSTL(JavaServer Pages Standard Tag Library)或EL(Expression Language)来引入CSS资源,例如通过`&lt;link&gt;`标签来链接外部CSS文件,或者直接在JSP页面中使用`&lt;style&gt;`标签内联定义样式。...

    根据图片大小自适应的CSS

    这种方法虽然有效,但不推荐在现代Web开发中使用,因为`zoom`属性的处理方式在不同浏览器中可能有所不同,且使用内联JavaScript降低了代码的可读性和维护性。 ### 三、优化建议 - **使用媒体查询**:结合媒体查询...

Global site tag (gtag.js) - Google Analytics