jQuery-Seiten-Santa-Schiebepanel
Das jQuery-seitige Weihnachtsmann-Schiebefeld ist eine Vollbild-Schneeflockenszenenanimation, die auf jQuery CSS3 basiert.
var ww = 0;
var wh = 0;
var maxw = 0;
var minw = 0;
var maxh = 0;
var textShadowSupport = true;
var xv = 0;
var Schneeflocken = ["u2744", "u2745", "u2746"];
var prevTime;
var absMax = 200;
var flakeCount = 0;
$(init);
Funktion init() {
var discoverSize = function() {
ww = $(window).width();
wh = $(window).height();
maxw = ww 300;
minw = -300;
maxh = wh 300;
};
detectSize();
$(window).resize(detectSize);
if (!$('body').css('textShadow')) {
textShadowSupport = false;
}
/* Sollte unter Windows 7 funktionieren /*
if (/windows/i.test(navigator.userAgent))
{
snowflakes = ['*'] // Windows ist scheiße und hat keine Unicode-Zeichen installiert
//snowflakes = ['T'] //Keine FF-Unterstützung für Wingdings
}
*/
// FF scheint gerade noch in der Lage zu sein, etwa 50...25 mit Rotation zu bewältigen
// Safari scheint mit 150 in Ordnung zu sein... 75 mit Rotation
var i = 50;
while (i--) {
addFlake(true);
}
prevTime = new Date().getTime();
setInterval(move, 50);
}
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
![Wie kann ich das Scrollen von Seiten mit jQuery programmgesteuert deaktivieren und aktivieren?](https://img.php.cn/upload/article/001/246/273/173535235123817.jpg)
28 Dec 2024
Programmgesteuertes Scrollen der Seite mit jQuery deaktivierenUm das Scrollen des Textes mit jQuery zu deaktivieren, können Sie die folgende Lösung nutzen:$('html,...
![Wie kann ich das Scrollen von Seiten mit jQuery effizient deaktivieren und wieder aktivieren?](https://img.php.cn/upload/article/001/246/273/173544445232545.jpg)
29 Dec 2024
Deaktivieren des Seitenscrollens mit jQuery: Eine verbesserte LösungSie möchten die Scrollfunktion einer Webseite mit jQuery deaktivieren? Hier ist ein...
![Wie kann ich das Scrollen von Seiten mit jQuery programmgesteuert effektiver deaktivieren?](https://img.php.cn/upload/article/001/246/273/173460973113568.jpg)
19 Dec 2024
Programmgesteuertes Deaktivieren des Seitenscrollens mit jQuery: Ein alternativer Ansatz Um das Scrollen des Seitenkörpers zu deaktivieren, haben Sie ursprünglich vorgeschlagen ...
![Wie kann ich das Scrollen von Seiten mit jQuery deaktivieren und wieder aktivieren?](https://img.php.cn/upload/article/001/246/273/173502061579052.jpg)
24 Dec 2024
So deaktivieren Sie das Scrollen von Seiten mit jQuery. Das Deaktivieren des Scrollens von Seiten kann durch verschiedene Methoden erreicht werden, einschließlich der Einstellung overflow: versteckt ...
![Wie sende ich Ajax-Formulare mit der $.load()-Methode von jQuery und verhindere das Neuladen von Seiten?](https://img.php.cn/upload/article/001/246/273/173483004273850.jpg)
22 Dec 2024
Ajax-Formularübermittlung mit $.load() Mit der Methode $.load() von jQuery können Sie externe Inhalte in eine bestimmte ... laden.
![Wie kann ich mit jQuery Text beim Mouseover dynamisch ändern?](https://img.php.cn/upload/article/001/246/273/173145498458794.jpg)
13 Nov 2024
jQuery: Dynamisches Ändern von Text mit Mouseover-EreignissenBei der Interaktion mit Elementen auf einer Webseite kann das Hinzufügen subtiler Effekte den Benutzer verbessern...
![Wie simuliere ich Hover-Effekte auf Touchscreens durch langes Drücken?](https://img.php.cn/upload/article/001/246/273/172959482175202.jpg)
22 Oct 2024
Um Hover-Effekte auf Touch-fähigen Geräten zu reproduzieren, schlägt dieser Artikel eine Technik vor, die eine Kombination aus CSS und JavaScript verwendet. Es zeigt, wie man mit jQuery Hover-Effekte zu Elementen bei Touchstart- und Touchend-Ereignissen hinzufügt und wie man diese formatiert
![Wie kann ich CSS-Hover-Effekte mit jQuery simulieren?](https://img.php.cn/upload/article/001/246/273/173160606368929.jpg)
15 Nov 2024
So erzielen Sie Hover-Effekte mithilfe von Pseudoklassen und jQuery. Bei der Arbeit mit Stylesheets können Sie mithilfe von CSS-Pseudoklassen wie :hover ... anwenden.
![Kann CSS allein Hover-Effekte auf mehreren Elementen gleichzeitig verarbeiten?](https://img.php.cn/upload/article/001/246/273/173342035211311.jpg)
06 Dec 2024
Hovering-Effekte für mehrere Elemente mit CSSWenn Sie vor der Herausforderung stehen, Hover-Effekte gleichzeitig auf mehrere Elemente anzuwenden, ...
![See all articles](/static/imghw/down_right.png)
![](/static/imghw/taglogo.png)
Hot Tools
![jQuery2019 Valentinstag-Geständnis-Feuerwerk-Animations-Spezialeffekte](https://img.php.cn/upload/jscode/000/000/001/5c64d3e6d92b2641.jpg)
jQuery2019 Valentinstag-Geständnis-Feuerwerk-Animations-Spezialeffekte
Ein sehr beliebter jQuery-Spezialeffekt mit Geständnisfeuerwerk zum Valentinstag auf Douyin, der für Programmierer und Technikfreaks geeignet ist, um dem Mädchen, das sie lieben, ihre Liebe auszudrücken. Egal, ob Sie es mögen oder nicht, am Ende müssen Sie zustimmen.
![Laui responsive animierte Login-Schnittstellenvorlage](https://img.php.cn/upload/jscode/000/000/001/5a93a913de3a7571.png)
Laui responsive animierte Login-Schnittstellenvorlage
Laui responsive animierte Login-Schnittstellenvorlage
![520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag](https://img.php.cn/upload/jscode/000/287/557/620611f90d724550.jpg)
520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag
jQuery Valentinstag-Geständnisanimation, 520-Geständnis-Hintergrundanimation
![Coole System-Anmeldeseite](https://img.php.cn/upload/jscode/000/120/096/5e09903f2f0c4401.jpg)
Coole System-Anmeldeseite
Coole System-Anmeldeseite
![HTML5-Kassettenmusik-Player – KASSETTENSPIELER](https://img.php.cn/upload/jscode/000/120/096/5e200ad65973d549.jpg)
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
![](/static/imghw/taglogo.png)