js-Paging-Tool Beispiel_Javascript-Kenntnisse
Die Beispiele in diesem Artikel beschreiben die Verwendung des js-Paging-Tools. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:
js-Codeteil:
* Paginierung js
*/
var Seite;
(function(){
var Page = {version:"1.0",author:"liuxingmi"};
var showPage = 9;
Page.navigation = function(divId, totalRecord, totalPage, currentPage, func){
var nav = '
- ';
- 总记录数:' totalRecord ' ';
- 总页数:' totalPage ' ';
- 当前页:' currentPage ' ';
- 首页 ';
- 前一页 ';
- 首页 ';
- 前一页 ';
- ';
- ' i ' ';
- ' i ' ';
var start = currentPage - Math.floor(showPage/2);
var end = currentPage Math.floor(showPage/2);
if(end > totalPage){
start -= (end - totalPage);
}
if(start <= 0){
Start = 1;
}
if(currentPage < showPage && end < showPage){
end = showPage;
}
if(end > totalPage){
end = totalPage;
}
for(var i = start; i <= end; i ){
if(i == currentPage){
nav = '
} else {
nav = '
}
}
nav = ' '; - 后一页 ';
- 尾页';
} else {
nav = ' - '; nav ='
- Letzte Seite'; nav = '
nav = '
nav = '
nav = '
if(currentPage == 1){
nav = '
nav = '
} else {
nav = '
nav = '
}
nav = '
if(currentPage == totalPage){
nav = '
nav ='
})();
CSS-Teil:
Code kopieren
display:inline;
float:left;
Rand:0;
Polsterung:0;
Schriftgröße: 12px;
}
.pagination i{
float:none;
padding-right:1px;
}
.currentPage b{
float:none;
Farbe:#f00;
}
.pagination li{
Listenstil:none;
Rand:0 5px; }
.pagination li li{
Position:relativ;
margin:-2px 0 0; Schriftfamilie: Arial, Helvetica, serifenlos
}
.firstPage a,. previousPage a,.nextPage a,.lastPage a{
Überlauf: versteckt;
Höhe:0;
text-indent:-9999em;
border-top:8px solide #fff; border-bottom:8px solid #fff; }
.pagination li li a{
Rand:0 1px; padding:0 4px; border:3px double #fff; border-color:#eee;
Hintergrund:#eee;
Farbe:#06f;
Textdekoration: keine;
}
.pagination li li a:hover{
Hintergrund:#f60;
Rahmenfarbe:#fff;
Rahmenfarbe:#f60;
Farbe:#fff;
}
li.firstPage{
margin-left:40px;
border-left:3px solid #06f; }
.firstPage a,. previousPage a{
border-right:12px solid #06f; }
.firstPage a:hover,. previousPage a:hover{
border-right-color: #f60; }
.nextPage a,.lastPage a{
border-left:12px solid #06f; }
.nextPage a:hover,.lastPage a:hover{
border-left-color:#f60;
}
.pagination li.lastPage{
border-right:3px solid #06f; }
.pagination li li.currentState a{
Position:relativ;
Rand: -1px 3px; Polsterung: 1px 4px; border:3px double #fff; Rahmenfarbe:#f60;
Hintergrund:#f60;
Farbe:#fff;
}
.pagination li.currentState,.currentState a,.currentState a:hover{
border-color:#fff #ccc
Cursor:Standard;
}
/*Ende des Paging-Stils*/
Aufrufmethode:
Code kopieren
Der Code lautet wie folgt:
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Senden von JSON -Daten mithilfe der Curl -Bibliothek von PHP in der PHP -Entwicklung müssen häufig mit externen APIs interagieren. Eine der gängigen Möglichkeiten besteht darin, die Curl Library zu verwenden, um Post � ...

Viele Website -Entwickler stehen vor dem Problem der Integration von Node.js oder Python Services unter der Lampenarchitektur: Die vorhandene Lampe (Linux Apache MySQL PHP) Architekturwebsite benötigt ...

Konfigurieren Sie die Timing -Timing -Timing -Timing -Timing auf der MacOS -Plattform, wenn Sie die Timing -Timing -Timing -Timing von APScheduler als Service konfigurieren möchten, ähnlich wie bei NGIN ...

Wie ersetzt ich die Funktion "Initialize_agent" in Langchain? In der Langchain -Bibliothek initialize_agent ...

Alternative Verwendung von Python -Parameteranmerkungen in der Python -Programmierung, Parameteranmerkungen sind eine sehr nützliche Funktion, die den Entwicklern helfen kann, Funktionen besser zu verstehen und zu verwenden ...

In Bezug auf das Problem der Entfernung des Python -Dolmetschers, das mit Linux -Systemen ausgestattet ist, werden viele Linux -Verteilungen den Python -Dolmetscher bei der Installation vorinstallieren, und verwendet den Paketmanager nicht ...

In diesem Artikel wird beschrieben, wie man eine hoch verfügbare MongoDB -Datenbank für ein Debian -System erstellt. Wir werden mehrere Möglichkeiten untersuchen, um sicherzustellen, dass die Datensicherheit und -Dienste weiter funktionieren. Schlüsselstrategie: ReplicaSet: Replicaset: Verwenden Sie Replikaten, um Datenreduktion und automatisches Failover zu erreichen. Wenn ein Master -Knoten fehlschlägt, wählt der Replikate -Set automatisch einen neuen Masterknoten, um die kontinuierliche Verfügbarkeit des Dienstes zu gewährleisten. Datensicherung und Wiederherstellung: Verwenden Sie den Befehl mongodump regelmäßig, um die Datenbank zu sichern und effektive Wiederherstellungsstrategien zu formulieren, um das Risiko eines Datenverlusts zu behandeln. Überwachung und Alarme: Überwachungsinstrumente (wie Prometheus, Grafana) bereitstellen, um den laufenden Status von MongoDB in Echtzeit zu überwachen, und

In diesem Artikel werden eine Vielzahl von Methoden und Tools eingeführt, um PostgreSQL -Datenbanken im Debian -System zu überwachen, um die Datenbankleistung vollständig zu erfassen. 1. verwenden Sie PostgreSQL, um die Überwachungsansicht zu erstellen. PostgreSQL selbst bietet mehrere Ansichten für die Überwachung von Datenbankaktivitäten: PG_STAT_ACTIVITY: Zeigt Datenbankaktivitäten in Echtzeit an, einschließlich Verbindungen, Abfragen, Transaktionen und anderen Informationen. PG_STAT_REPLIKATION: Monitore Replikationsstatus, insbesondere für Stream -Replikationscluster. PG_STAT_DATABASE: Bietet Datenbankstatistiken wie Datenbankgröße, Transaktionsausschüsse/Rollback -Zeiten und andere Schlüsselindikatoren. 2. Verwenden Sie das Log -Analyse -Tool PGBADG
