zoukankan      html  css  js  c++  java
  • dataset隔行换色以及jquery高亮

    <asp:DataList ID="DataList1" Width="100%" runat="server">
    <ItemTemplate>
    <table style="100%; background-color:#ffffff; border-bottom: #ffcc66 2px solid;" cellspacing="0">
    <tr>
    <td colspan="2">

    </td>
    </tr>
    </table>
    </ItemTemplate>
    <AlternatingItemTemplate>
    <table style="100%; background-color:#000000; border-bottom: #ffcc66 2px solid;" cellspacing="0">
    <tr>
    <td colspan="2">

    </td>
    </tr>
    </table>
    </AlternatingItemTemplate>
    </asp:DataList>
    这样是隔行显示黑白色,其中
    <AlternatingItemTemplate>
    就是设置隔行显示的模式
    dlHTList是dataset的id
    $("#dlHTList").live("mouseover",function(e){
             $(e.target).parent().addClass("activeRow");
    return false;
    }).live("mouseout", function(e) {
    $(e.target).parent().removeClass("activeRow");
    return false;
    });


    css伪类简单高亮  等同上边的代码

    /*高亮*/
    #dlHTList tr:hover /*dlHTList-->dataset的id*/
    {
    background-color:RGB(184,204,228);
    }

    dataset 相当于 <table>

    ItemTemplate 相当于<tr>

  • 相关阅读:
    将图片转换为base64 格式
    BFC
    面试
    不足之处
    html 调用摄像头 并抓拍
    css,js零散知识的整理
    语义化标签SEO
    Modernizr
    快速排序(2)
    快速排序(1)
  • 原文地址:https://www.cnblogs.com/0banana0/p/2186314.html
Copyright © 2011-2022 走看看