css里可以加表达式 :expression

最新推荐文章于 2021-08-03 21:25:47 发布
最新推荐文章于 2021-08-03 21:25:47 发布
阅读量190 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/winner/archive/2006/12/16/594133.html
版权

比较强的css

HTML代码:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>表格CSS测试</title> <style type="text/css"> <!-- #DataGrid1 tr { background-color: expression( this.sectionRowIndex == 0 ? "#FFCCCC" : ( (this.sectionRowIndex % 2 == 0) ? "#FFF0F0" : "#F0F0FF" ) ); color: expression(this.sectionRowIndex == 0 ? "#FFFFFF" : ""); font-weight: expression(this.sectionRowIndex == 0 ? "BOLD" : ""); TableSelect: expression( this.sectionRowIndex == 0 ? "" : ( onmouseover = function() { this.style.backgroundColor = ( this.style.backgroundColor != "#69cdff" ? "#69cdff" : ( this.sectionRowIndex == 0 ? "#FFCCCC" : ( this.sectionRowIndex % 2 == 0 ? "#FFF0F0" : "#F0F0FF" ) ) ) }, onmouseout = function() { this.style.backgroundColor = ( this.style.backgroundColor != "#69cdff" ? "#69cdff" : ( this.sectionRowIndex == 0 ? "#FFCCCC" : ( this.sectionRowIndex % 2 == 0 ? "#FFF0F0" : "#F0F0FF" ) ) ) } ) ) } #DataGrid1 td { background-color:expression( this.cellIndex == 0 ? ( this.parentElement.sectionRowIndex == 0 ? "#FFCCCC" : "#DDDDDD" ) : null ) } .FindAreaTable { font-size: 12px; color: #333333; text-decoration: none; width: 1024px; cursor: hand; background-color: #FFFFFF; vertical-align: middle; text-align: center; } --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"> <table cellspacing="1" class="FindAreaTable" ID="DataGrid1"> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> <tr> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> <td>表格测试</td> </tr> </table> </body> </html>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]






css里可以加表达式   :expression

<style>
 <!--
  .td  { font-size: 9pt; weaver:expression(highlight(this))}
 -->
</style>
 
<SCRIPT LANGUAGE="JavaScript">
 <!--
  function highlight(obj){
 var hightlightBgColor = '#d6d6d6';
  obj.onmouseover = function(){
  var o = event.srcElement;

  if(o.tagName=="TD"){
   with(o.parentElement){
    style.backgroundColor = hightlightBgColor;
   }
  }
 }
 
 obj.onmouseout = function(){
  var o = event.srcElement;
  if(o.tagName=="TD"){o.parentElement.style.backgroundColor = '';}
 }
}
 function ControlContent01(){
    if (contentid01.style.display == 'none'){
     contentid01.style.display = '';
  imgarrow01.src = 'gray_up_arrow.gif';
 }
    else {
     contentid01.style.display = 'none';
  imgarrow01.src = 'gray_down_arrow.gif';
 } 

}


  //-->
</SCRIPT>





==================================================================================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> CSS样式里使用JavaScript(onmouseover/onmouseout)2</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<style type="text/css">
table
{

 background-color:#000000;
 cursor:hand;
}

td
{
  /*设置onmouseover事件*/
  onmouseover: expression(οnmοuseοver=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});

  /*设置onmouseout事件*/
  onmouseout: expression(οnmοuseοut=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
  background-color:#ffffff;
}
</style>
</HEAD>

<BODY>
<TABLE cellspacing='1px' border='1'>
<TR >
 <TD >风儿吹散了蒲公英......    </TD>
 <TD>风儿吹散了蒲公英......   </TD>
 <TD>风儿吹散了蒲公英......   </TD>
</TR>
<TR >
 <TD >风儿吹散了蒲公英......    </TD>
 <TD>风儿吹散了蒲公英......   </TD>
 <TD>风儿吹散了蒲公英......   </TD>
</TR>
</TABLE>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/winner/archive/2006/12/16/594133.html

weixin_30832143
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css表达式-上篇
qq_48589662的博客
06-15 2392
css表达式-上篇 css表达式-上篇CSS Selector 语法选择元素原理根据 tag名、id、class 选择元素选择 子元素 和 后代元素根据属性选择验证 CSS Selector CSS Selector 语法选择元素原理 根据 tag名、id、class 选择元素 选择 子元素 和 后代元素 根据属性选择 验证 CSS Selector 前面我们看到了根据 id、class属性、tag名 选择元素。 如果我们要选择的 元素 没有id、class 属性，或者有些我们不想选择的元素 也有相同的 i
CSS中使用expression表达式
09-25
主要介绍了CSS中使用expression表达式,需要的朋友可以参考下
去掉CSS中的表达式Expression
大音希声，大道无形
06-10 207
 在IE中,CSS是可以嵌入js表达式的,可以在CSS类中定义,但是将含有表达CSS类从DOM对象中移除，样式表达式是不会失效的。 经过研究找到了答案，需要使用js调用style对象的removeExpression()方法才可去除。 下面是方法的说明：   语法 bSuccess = object.removeExpression(sPropertyName) 参数 ...
使用css直接定义input标签，根据不同的input类型进行样式设计
04-29 1935
INPUT {  color: expression(this.type=="button"?red:green); }使用css可以很好的进行格式的设计，有的时候，甚至可以直接定义html的标签的格式，但对于input，这个标签，比较复杂。可能type=select  | type=button ||type=text等等几种情况。不好定义。于是就用上面的办法，对他进行定义。如果是sel
html中的css样式表达式,css 样式中使用表达式
weixin_36219745的博客
06-17 435
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。检查输入是否是数字：public boolean checkRzqx(String s){if(s.matches("\\d*")){&nb...正则表达式常用来作输入校验，本次使...
深入理解CSS中的数学表达式calc()
11-21
数学表达式calc()是CSS中的函数，主要用于数学运算。使用calc()为页面元素布局提供了便利和新的思路。本文将介绍calc()的相关内容 定义 数学表达式calc()是calculate计算的缩写，它允许使用+、-、*、/这四种运算符，可以混合使用%、px、em、rem等单位进行计算 兼容性: IE8-、safari5.1-、ios5.1-、android4.3-不支持，android4.4-4.4.4只支持加法和减法。IE9不支持用于backround-position 注意：+和-运算符两边一定要有空白符 <style> .test1{ border: calc( 1px
CSS expression判断表达式设置input样式
09-25
【CSS expression】是一种过时的CSS技术，它允许开发者基于某些条件动态地改变元素的样式。这个特性在Internet Explorer浏览器的早期版本（主要是IE5.5和IE6）中被支持，但并未被其他主流浏览器如Firefox、Chrome、...
CSS表达式(expression)解决IE6 position:fixed无效问题
12-13
废话不多说，先看一下下面这段代码： 复制代码代码如下: <!... <head> <... charset=utf-8″ />...IE6 position:fixed bug<...margin:0} p{height:2000px} #gs{border:1px solid #000;...–[if IE 6]>
css表达式的缺点,CSS_css expression使用概述及其优缺点介绍，概述 　　css expression(css表达式 - phpStudy...
weixin_34419203的博客
08-03 564
css expression使用概述及其优缺点介绍概述css expression(css表达式)又称Dynamic properties(动态属性)是早期微软DHTML的产物，以其可以在Css中定义表达式(公式)来达到建立元素间属性之间的联系等作用，从IE5开始得到支持，后因标准、性能、安全性等问题，微软从IE8 beta2标准模式开始，取消对css expression的支持。使用微软提供了4...
强大的CSS表达式 - expression
Bug 无处不在！
05-18 1119
 IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这
html中p标签隔行换色,（转）用JS实现表格中隔行显示不同颜色
weixin_34088048的博客
06-29 346
用JS实现表格中隔行显示不同颜色第一种：tr{bgColor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');}第二种：var oTable = document.all['oTable'];for(var i=0;ioTable.rows[i].bgColor = (i%2==0) ? 'white...
CSS中的隔行换色
xxxatt的专栏
09-11 991
一.表格的隔行换色 tr {background-color:expression((this.sectionRowIndex==0)?"":(this.sectionRowIndex%2==0)?"red":"blue")}-->第1行第1行第2行第2行第3行第3行第4行第4行第5行第5行 二.表格的td换色 tr {background-color:expression((this.secti
如何在CSS中使用算术表达式
朽木自雕的博客
12-11 1160
有时候，我们需要在CSS中使用一个计算出来的值，而不是一个固定的值，这时候我们可以使用calc（）。 注意：符号两头都需要有空格！！！ 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>高度充满父容器</title> &...
expression将JS、Css结合起来
weixin_33724570的博客
09-01 172
IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javas cript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javas cript表达式，CSS属性的值等于Javas cript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员...
css写表达式,简析CSS表达式attr()的运用
weixin_36183945的博客
08-03 1094
CSS表达式 attr() 用来获取选择到的元素的某一HTML属性值，并用于其样式。它也可以用于伪元素，属性值采用伪元素所依附的元素。attr() 表达式可以用于任何CSS属性。语法:CSS Code复制内容到剪贴板attr(attribute-name?[,]?)ttr()功能早在CSS 2.1标准中就已经出现，但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上...
css expression的四个用法
菜鸟起步
09-10 6013
一、现在有一要求改页面所有的A {target :expression(this.target="_blank");} 二、在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值