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">
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();
});
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
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.
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
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.
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
12 Dec 2016
ajaxFileUpload.js Es gibt viele Namen mit demselben Namen, da es einfach ist, einen zu erstellen.
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.
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.
Hot Tools
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
Pure CSS ermöglicht coole Downloads von wechselnden Animationscodes, wenn die Maus über Bilder fährt.
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
Ein interaktiver Webseiten-Spezialeffekt mit Tiefenschärfe-Fokuseffekt für das Headerbild der B-Site.
CSS3-Mouseover-Bildeffekt
Ein CSS3-Mouseover-Bildeffekt