Super cooles jQuery-Plug-in für Wasserwellenreflexion mit Spezialeffekten

Kurzes Tutorial

lake.js ist ein jQuery-Plug-in, das Wasserwellenreflexionseffekte erzeugen kann. Dieses JQuery-Plug-In kann jedes Bild in eine Leinwandkomponente umwandeln, sodass das Bild einen realistischen Wasserwellenreflexionseffekt erzeugen kann.

Verwendungsmethode

Fügen Sie JQuery- und Lake.js-Dateien in die Seite ein.

<script src="path/to/jquery.min.js"></script>                  
<script src="path/to/lake.js"></script>

HTML-Struktur

kann für jedes Bild einen Wasserwellenreflexionseffekt erzeugen.

<img id="lake-img" src="lake.png" style="display: none;"/>

Initialisierung des Plug-Ins

Nachdem das Seiten-DOM-Element geladen wurde, können Sie das JQuery-Water-Wave-Reflection-Plug-In mit der folgenden Methode initialisieren.

$(function() {
  $('#lake-img').lake({
    'speed': 1,
    'scale': 0.5,
    'waves': 10
  });
});

Konfigurationsparameter

Das jquery Water Wave Reflection Plug-in verfügt über 3 verfügbare Konfigurationsparameter:

• Geschwindigkeit: die Geschwindigkeit der Wasserwelle Bewegung.

• Maßstab: die Höhe des Wellenkamms.

• Wellen: Die Anzahl der Wasserwellen.

Das Obige ist der Inhalt des supercoolen jQuery-Wasserwellenreflexions-Plug-Ins. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!