Heim JS-Spezialeffekte jQuery-Effekte jQuery仿Excel表格右侧与头部固定代码

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

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

这是一款类似Excel滚动拖拖到表格内容展示预览效果的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即可。

Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

CSS3-Animation VS jQuery-Effekte: Welche Technologie eignet sich besser, um verschiedene dynamische Effekte zu erzielen? CSS3-Animation VS jQuery-Effekte: Welche Technologie eignet sich besser, um verschiedene dynamische Effekte zu erzielen?

11 Sep 2023

CSS3-Animation VS jQuery-Effekte: Welche Technologie eignet sich besser, um verschiedene dynamische Effekte zu erzielen? Mit der rasanten Entwicklung des Internets und der zunehmenden Bedeutung der Website-Benutzererfahrung spielen dynamische Effekte eine wichtige Rolle im modernen Webdesign. Um vielfältige dynamische Effekte zu erzielen, können Entwickler wahlweise CSS3-Animationen oder jQuery-Effekte verwenden. In diesem Artikel werden wir untersuchen, welche Technik besser geeignet ist, um verschiedene dynamische Effekte zu erzielen. CSS3-Animation ist eine Technologie, die mithilfe von CSS-Stilen verschiedene Animationseffekte erzeugt. C

jQuery-Fokusveranstaltung enthüllt: Schlüsseltechniken zur Implementierung interaktiver Effekte jQuery-Fokusveranstaltung enthüllt: Schlüsseltechniken zur Implementierung interaktiver Effekte

26 Feb 2024

Enthüllung der Geheimnisse von jQuery-Fokusereignissen: Schlüsseltechniken zum Erzielen interaktiver Effekte jQuery ist eine beliebte JavaScript-Bibliothek, die viele prägnante und leistungsstarke Methoden zum Bearbeiten von HTML-Elementen und zum Erzielen umfangreicher interaktiver Effekte bereitstellt. Unter ihnen sind Fokusveranstaltungen eine der Schlüsseltechniken, um interaktive Effekte zu erzielen. Dieser Artikel befasst sich mit den Fokusereignissen in jQuery und führt Sie in Kombination mit spezifischen Codebeispielen dazu, die Geheimnisse von Fokusereignissen aufzudecken. 1. Fokusereignisse verstehen In jQuery umfassen Fokusereignisse Fokus,

Sie müssen sich nicht entscheiden: So kombinieren Sie geschickt CSS3-Animationen und jQuery-Effekte, um eine hocheffiziente Webseite zu erstellen Sie müssen sich nicht entscheiden: So kombinieren Sie geschickt CSS3-Animationen und jQuery-Effekte, um eine hocheffiziente Webseite zu erstellen

08 Sep 2023

Sie müssen sich nicht entscheiden: Wie Sie CSS3-Animationen und jQuery-Effekte geschickt kombinieren, um eine hochwirksame Webseite zu erstellen. Im heutigen hochentwickelten Internetzeitalter ist Webdesign zu einem der Schlüsselelemente geworden, die den Benutzern ein glückliches und einprägsames Gefühl vermitteln. Um dieses Ziel zu erreichen, haben viele Front-End-Entwickler damit begonnen, CSS3-Animationen und jQuery-Effekte sinnvoll zu nutzen, um die visuellen Effekte und das Benutzererlebnis von Webseiten zu verbessern. In diesem Artikel erfahren Sie, wie Sie CSS3-Animationen und jQuery-Effekte geschickt kombinieren, um eine äußerst effektive Webseite zu erstellen, und fügen Codebeispiele hinzu. Verwenden Sie CSS

Einfache Implementierung herzförmiger Jquery-Like- und Follow-Effekte Einfache Implementierung herzförmiger Jquery-Like- und Follow-Effekte

07 Dec 2016

Einfache Implementierung herzförmiger Jquery-Like- und Follow-Effekte

Teilen Sie 33 wunderschöne Maus-Hover-Effekte, die mit jQuery und CSS3_jquery implementiert wurden Teilen Sie 33 wunderschöne Maus-Hover-Effekte, die mit jQuery und CSS3_jquery implementiert wurden

16 May 2016

Heute haben wir 33 wunderschöne Maus-Hover-Effekte mit jQuery und CSS3 zusammengestellt. Einige davon sind reines CSS3. Sie können diese Effekte auf Ihren Webseiten verwenden, um Ihrer Website ein besseres Erlebnis zu verleihen.

Eine kurze Analyse der Unterschiede zwischen extjs und jquery Eine kurze Analyse der Unterschiede zwischen extjs und jquery

10 Apr 2023

In den letzten Jahren haben im Bereich der Webentwicklung ExtJS und jQuery, zwei beliebte JavaScript-Frameworks, große Aufmerksamkeit erregt. Einige Leute sagen, dass ExtJS leistungsfähiger als jQuery ist, während andere denken, dass jQuery flexibler und einfacher zu erlernen ist. Was ist der Unterschied zwischen ExtJS und jQuery? Lass es uns erkunden. 1. Verschiedene Zielbenutzer jQuery konzentriert sich auf dynamische Effekte auf Webseiten, und der Schwerpunkt liegt auf der Anzeige dynamischer Effekte auf der Browserseite. ExtJS konzentriert sich mehr auf die Entwicklung von Anwendungen auf Unternehmensebene

So fügen Sie eine benutzerdefinierte Methode in jQuery hinzu So fügen Sie eine benutzerdefinierte Methode in jQuery hinzu

11 Apr 2023

Mit der kontinuierlichen Weiterentwicklung der Front-End-Technologie beginnen immer mehr Websites, dynamische Effekte zu verwenden, um die Benutzeroberfläche zu bereichern. jQuery ist eine sehr beliebte JavaScript-Bibliothek, die die Manipulation von DOM, Ereignissen, AJAX usw. vereinfacht und viele praktische Methoden und Funktionen zum schnellen Erstellen dynamischer Effekte bereitstellt. Auf dieser Basis können Benutzer mit jQuery benutzerdefinierte Methoden hinzufügen, um sie bei Bedarf schnell aufzurufen. In diesem Artikel wird erläutert, wie Sie benutzerdefinierte Methoden in jQuery hinzufügen. 1. Was ist eine benutzerdefinierte jQuery-Methode? jQuery-Anpassung

jQuery implementiert Mausklick-Aussetzungseffekte jQuery implementiert Mausklick-Aussetzungseffekte

28 Apr 2018

Dieses Mal werde ich Ihnen jQuery zur Implementierung von Mausklick-Hover-Effekten vorstellen. Welche Vorsichtsmaßnahmen gibt es für jQuery, um Mausklick-Hover-Effekte zu implementieren?

Es gibt mehrere Effekte von JQuery Show(). Es gibt immer einen, den Sie brauchen. Es gibt mehrere Effekte von JQuery Show(). Es gibt immer einen, den Sie brauchen.

29 Jun 2017

Es gibt mehrere Effekte von JQuery Show(). Es gibt immer einen, den Sie brauchen.

See all articles See all articles

Hot Tools

jQuery2019情人节表白放烟花动画特效

jQuery2019情人节表白放烟花动画特效

一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。

layui响应式动画登录界面模板

layui响应式动画登录界面模板

layui响应式动画登录界面模板

520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag

520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag

jQuery Valentinstag-Geständnisanimation, 520-Geständnis-Hintergrundanimation

炫酷的系统登录页

炫酷的系统登录页

炫酷的系统登录页

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

HTML5磁带音乐播放器-CASSETTE PLAYER

Hot Article

Pokemon Pocket: Wie man mit Freunden spielt
02 Nov 2024 Leitfaden für mobile Spiele
Alle Black Ops 6 Safehouse-Rätsellösungen
26 Oct 2024 Leitfaden für mobile Spiele
Brotato: Bester Jäger-Build
13 Nov 2024 Leitfaden für mobile Spiele
Die Sims 4: Leben & Tod – Leitfaden zum Wächterbaum
03 Nov 2024 Leitfaden für mobile Spiele