zoukankan      html  css  js  c++  java
  • 固定table第一行第一列

    //固定第一行和第一列
    $(".packpro_div").scroll(function(){//给table外面的div滚动事件绑定一个函数
                        var left=$(".packpro_div").scrollLeft();//获取滚动的距离
                        var top=$(".packpro_div").scrollTop();//获取滚动的距离
                        var trs=$(".packpro_div table tr");//获取表格的所有tr 
                        trs.each(function(i){//对每一个tr(每一行)进行处理
                        //获得每一行下面的所有的td,然后选中下标为0的,即第一列,设置position为相对定位
                        //相对于父div左边的距离为滑动的距离,然后设置个背景颜色,覆盖住后面几列数据滑动到第一列下面的情况
                        //如果有必要也可以设置一个z-index属性
                            if(i==0){
                                $(this).children().css({"position":"relative","top":top,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                            }
                            $(this).children().eq(0).css({"position":"relative","left":left,"background-color":"rgb(134,147,243)",border:"1px solid gray",color:"white"});
                            });
                        });
  • 相关阅读:
    (转载)MP3 编码解码 附完整c代码
    (转载) 一个大概的框架
    (转载)音视频相关的书籍,多媒体技术
    js原生选项卡切换
    点击div删除div本身
    鼠标移入旋转动画
    鼠标移入,改变border颜色
    小白初建博客!
    java设计模式--六大原则
    java设计模式--策略模式
  • 原文地址:https://www.cnblogs.com/tfeblog/p/13259138.html
Copyright © 2011-2022 走看看