Heim JS-Spezialeffekte Bildspezialeffekte jQuery small2big Bildzoom-Plug-in

jQuery small2big Bildzoom-Plug-in

jQuery small2big Bildzoom-Plug-in

jQuery small2big Bildskalierungs-Plug-in, kompatibel mit Mainstream-Browsern, empfohlener Download auf der chinesischen PHP-Website! Anwendung: 1. Der Head-Bereich verweist auf Dateien, CSS- und JS-Bibliotheken 2. Fügen Sie der Datei einen HTML-Code hinzu. Die Bilder im Bilderordner heißen 1.jpg, 2.jpg, .... <ul class="s2b_col" id="s2b_col">

jQuery small2big Bildskalierungs-Plug-in, kompatibel mit Mainstream-Browsern, empfohlener Download auf der chinesischen PHP-Website!
Anwendung:
1. Der Head-Bereich verweist auf Dateien, CSS- und JS-Bibliotheken
2. Fügen Sie der Datei HTML-Code hinzu. Die Bilder im Bilderordner sind mit den Nummern 1.jpg, 2.jpg, ... benannt <ul class="s2b_col" id="s2b_col">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
3. Führen Sie den folgenden js-Code ein
$(document).ready(function(){
$("#s2b_col").small2big({
s2bRadius: 170, // Der Radius des kreisförmigen Rahmens, wenn das Bild vergrößert wird
s2bColLiRowMargin: -10, //Der Abstand zwischen den einzelnen Kreisen
s2bLiBorderColor: "#000" // Kreisrahmenfarbe
// s2bLiAlign: „V“ vertikale Bildanordnung
}).initS2bCol().addS2bFunction();
});
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

Teilen Sie mit, wie Sie das jQuery-Bildzoom-Plug-in smartZoom verwenden Teilen Sie mit, wie Sie das jQuery-Bildzoom-Plug-in smartZoom verwenden

29 Dec 2017

e-smart-zoom-jquery.js Plug-in, dieser Artikel stellt kurz die Verwendung des jQuery-Bildzoom-Plugins smartZoom und die Lösungen für Probleme vor, die durch Beispielcode auftreten. Es ist sehr gut und hat Referenzwert Ich kann mich darauf beziehen. Ich hoffe, dass es allen helfen kann.

jquery插件jquery倒计时插件分享_jquery jquery插件jquery倒计时插件分享_jquery

16 May 2016

jquery倒计时插件分享,大家参考使用吧

Verwenden Sie JavaScript, um Bildspezialeffekte und Übergangseffekte zu implementieren Verwenden Sie JavaScript, um Bildspezialeffekte und Übergangseffekte zu implementieren

15 Jun 2023

Mit der kontinuierlichen Weiterentwicklung der Webtechnologie werden immer mehr Spezialeffekte und Übergangseffekte auf das Webdesign angewendet. Unter diesen sind Bildspezialeffekte und Übergangseffekte die häufigsten im Webdesign. JavaScript ist eine häufig verwendete Skriptsprache in der Front-End-Entwicklung und bietet auch bestimmte Vorteile bei der Realisierung von Bildspezialeffekten und Übergangseffekten. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript Bildspezialeffekte und Übergangseffekte implementieren. 1. Bildspezialeffekte: Bildvergrößerung bei Mouseover Wenn die Maus über das Bild fährt, wird das Bild durch JavaScript vergrößert

jQuery-Plug-in-Sharing-Paging-Plug-in jqPagination_jquery jQuery-Plug-in-Sharing-Paging-Plug-in jqPagination_jquery

16 May 2016

jqPagination ist ein einfaches und benutzerfreundliches, leichtes jQuery-Paginierungs-Plug-in, das mithilfe von HTML5- und CSS3-Technologien implementiert wird. Dieses Plug-in bietet mehrere Optionen zur Parametereinstellung und durch einfache Konfiguration können Paging-Steuerelemente generiert werden. Darüber hinaus ist sein Erscheinungsbild anpassbar und hochgradig skalierbar.

jQuery-Plug-in Resizable jQuery-Plug-in Resizable

29 Jun 2017

Nehmen Sie an, dass p im gesamten blauen Rand ein Objekt ist, dessen Größe geändert werden muss. Wenn Sie dann mit der Maus am „Griff“ ziehen, ändert sich die Größe von p Sie können den Quellcode zuerst hier herunterladen: jQuery.resizable.js API-Einführung: handler(String|Object): Ziehgriff, z. B. ein allgemeines Fenster, die untere rechte Ecke ist der Ziehgriff, wenn Sie auf den Ziehgriff klicken, die Länge und die Breite des gesamten Objekts wird geändert. Der Standardwert ist null und muss angegeben werden. Es kann sich um ein jQuery-Filterobjekt wie „.resize“ oder „#resize“ oder ein jQuery-Objekt wie „$(“ handeln. Größe ändern

jQuery-Plug-in-Kapselungsmethode jQuery-Plug-in-Kapselungsmethode

06 Dec 2016

jQuery-Plug-in-Kapselungsmethode

jQuery-Plug-in ajaxFileUpload jQuery-Plug-in ajaxFileUpload

12 Dec 2016

ajaxFileUpload.js Es gibt viele Namen mit demselben Namen, da es einfach ist, einen zu erstellen.

jQuery-Plug-in ajaxFileUpload jQuery-Plug-in ajaxFileUpload

13 Dec 2016

ajaxFileUpload.js Es gibt viele Namen mit demselben Namen, da es einfach ist, einen zu erstellen. AjaxFileUpload.js ist kein sehr bekanntes Plug-In. Es wurde nur von anderen geschrieben und für alle freigegeben. Das Prinzip besteht darin, versteckte Formulare und Iframes zu erstellen und diese dann mit JS zu übermitteln und den Rückgabewert zu erhalten.

jQuery-Plug-in-Entwicklungsanleitung_jquery jQuery-Plug-in-Entwicklungsanleitung_jquery

16 May 2016

Mit seiner einfachen API, der leistungsstarken DOM-Manipulation und der einfachen Skalierbarkeit erfreut sich jQuery bei Webentwicklern immer größerer Beliebtheit. Die Leute fragen oft nach einigen Tipps, daher habe ich gerade diesen Artikel für alle jQuery-Enthusiasten geschrieben, der als eine Möglichkeit angesehen werden kann neue Ideen anziehen.

See all articles See all articles

Hot Tools

jQuery 3D-Bild-Slider-Karusselleffekt

jQuery 3D-Bild-Slider-Karusselleffekt

3D-Bild Slider-Karusselleffekt basierend auf jQuery

Reines CSS, um coole Umschaltanimationen zu erzielen, wenn die Maus über Bilder fährt

Reines CSS, um coole Umschaltanimationen zu erzielen, wenn die Maus über Bilder fährt

Pure CSS ermöglicht coole Downloads von wechselnden Animationscodes, wenn die Maus über Bilder fährt.

HTML5-Bildkarussell-Plug-in mit Parallax-Effekt

HTML5-Bildkarussell-Plug-in mit Parallax-Effekt

Ein HTML5-Bildkarussell-Plugin mit Parallaxeneffekt, das Bilder mit der Maus steuern und beim Scrollen des Bildkarussells einen coolen visuellen Unterschiedseffekt erzeugen kann.

B-Site-Header-Bild, interaktiver Mauszeiger, Tiefenschärfe-Fokuseffekt

B-Site-Header-Bild, interaktiver Mauszeiger, Tiefenschärfe-Fokuseffekt

Ein interaktiver Webseiten-Spezialeffekt mit Tiefenschärfe-Fokuseffekt für das Headerbild der B-Site.

CSS3-Mouseover-Bildeffekt

CSS3-Mouseover-Bildeffekt

Ein CSS3-Mouseover-Bildeffekt