下载中心┊文章中心┊软件分类┊更新软件┊推荐下载┊热门软件┊更新文章┊热门文章
 
《拓文asp.net网站内容管理系统》官方演示站。
 设为首页    
 收藏本站
 作者:黄振安
 
网站首页 开源拓文 .NET编程 网站编程 网页设计 图形图像 数据库 软件工程留言本
    站内搜索:   
您现在的位置: 拓文网络 → 文章中心 → 网页设计 → CSS → expression的应用之 -- 用CSS做出双色相间表格[正文]

热 门 文 章

相 关 文 章
  • CSS应用小技巧十四例
  • 用Css控制IE5.5浏览器中滚动条
  • CSS的十八般技巧
  • 中文排版CSS心得
  • 简明 HTML CSS 开发规范
  • CSS手册简编
  • css中用expression实现js的onm...
  • 如何在网页中制作虚线表格
  • CSS样式切换技巧
  • CSS 标签属性/属性参考
  • expression的应用之 -- 用CSS做出双色相间表格
     
    [作者:不详    转贴自:不详    点击数:    字体:【大 中 小】    更新时间:2006-4-6 14:15:31]

    <SCRIPT>

    //定义table的样式, cellSpacing,cellPadding.
    //用obj.rows.length得出该表格的行数.
    //实现奇数列时样式为tdcss1,偶数列为tbcss2.

    function cooltable(obj) {
    obj.cellSpacing=0;
    obj.cellPadding=0;
    for  (i=0;i<obj.rows.length;i++)  { 
    if(i%2==0) obj.rows(i).className  =  "tdcss1"
    else obj.rows(i).className  =  "tdcss2"; 
    } 
    }
    </SCRIPT>

    <!--定义样式-->

    <STYLE>
    * {font-size: 10.5pt}
    .tdcss1  {  BACKGROUND-COLOR:  #F7F3F7; } 
    .tdcss2  {  BACKGROUND-COLOR:  #FFF7FF; } 
    .mytbcss {baobao:expression(cooltable(this))}
    </STYLE> 

    <BODY> 

    <!--定义定义表格样式mytbcss就可以得到一个双色相间表格,再也不用一行一行地定义了.-->

    <TABLE width=300  border=0 class=mytbcss> 
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss2-->
       <TR><TD>wanghr100</TD><TD>灰豆宝宝.net</TD></TR>  <!--定义样式tdcss1-->
    </TABLE> 
    </BODY> 


    说明:


    .tdcss1  {  BACKGROUND-COLOR:  #F7F3F7; } 
    .tdcss2  {  BACKGROUND-COLOR:  #FFF7FF; } 
    .mytbcss {baobao:expression(cooltable(this))}

    .tdcss1.tdcss2 这两个是定义列的样式.
    当然,你可以自己做得更酷一些啦..
    baobao 是自已定义的属性,你任意取个名字,用你的英文名...因为这是你自己的CSS啊.
    expression()里面的语句就是JavaScript. 一定很熟悉吧..
    cooltable(this)调用了前面我们写的函数.

      这文章只是expression的一个小应用.看了这文章后,不知道有没有什么启发.
    用expression给你的网页减减肥吧..让你的网页的代码更精减更模块化.....


    页次:1/1  1篇/页  首页   上一页   下一页   尾页  合计 1 篇 Go:
     
    上一篇:css中用expression实现js的onm...
    下一篇:如何在网页中制作虚线表格
    winner 打印本页 关闭窗口

         文 章 评 论
    评论人 查看该文章的评论 发表时间
       笔 名* : 0 50分 60分 70分 80分 90分 100分
    评论内容 *: (最多600字。当前字数:0)


    没有相关评论,欢迎您参与!

    - 关于本站 - 网站帮助 - 下载声明 - 友情连接 - 网站地图 -
    Copyright © 2005-2006 myTopWin.Com. All Rights Reserved . [桂ICP备06004496号]