当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery仿Excel表格右侧与头部固定代码

jQuery仿Excel表格右侧与头部固定代码

这是一款类似Excel滚动拖拖到表格内容展示预览效果的jQuery仿Excel表格右侧与头部固定代码。

分类: js特效 / jQuery特效	发布时间: 2017-12-11	访问量: 2183
下载量: 59

点击下载预览效果

更多>

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

15951 2025-08-28
CSS3 教程

1546098 2025-08-27
Rust 教程

23134 2025-08-27
Vue 教程

25601 2025-08-22
PostgreSQL 教程

22110 2025-08-21
Git 教程

9105 2025-08-21

jQuery仿Excel表格右侧与头部固定代码

js代码
<script type="text/javascript" src="js/superTables.js"></script>
<script type="text/javascript">
//此处调用superTables.js里需要的函数
window.onload=function(){
new superTable("demoTable", {cssSkin : "sDefault",
fixedCols : 1, //固定几列
headerRows :2, //头部固定行数
onStart : function () {
this.start = new Date();
},
onFinish : function () {
}
});

$("#div_container").css("width","1000px");//这个宽度是容器宽度，不同容器宽度不同
$(".fakeContainer").css("height","400px");//这个高度是整个table可视区域的高度，不同情况高度不同

//.sData是调用superTables.js之后页面自己生成的这块就是出现滚动条达成锁定表头和列的效果
$(".sData").css("width","885px");//这块的宽度是用$("#div_container")的宽度减去锁定的列的宽度
$(".sData").css("height","325px");//这块的高度是用$("#div_container")的高度减去锁定的表头的高度

//目前谷歌 ie8+ 360浏览器均没问题有些细小的东西要根据项目需求改

//有兼容问题的话可以在下面判断浏览器的方法里写
if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i)=="9.")
{//alert("IE 9.0");

}else if (!!window.ActiveXObject || "ActiveXObject" in window){//alert("IE 10");

}else{//其他浏览器
//alert("其他浏览器");
}
}

</script>

Jquery是网页编程所需的重要技术之一。Jquery是继prototype之后又一个优秀的Javascrīpt框架，它是轻量级的js库，它兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。