jQuery-Schneeflocken-Animationseffekt
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ three.js"></script>
</head>
<body>
<script type="text/javascript">
document.writeln("<div class="snow" style="height:1200px; background:#000; position:fixed; left:0px; top:0px; right:0px; bottom:0px; pointer-events: none ;z-index: 9999;"><canvas width="1904" height="913" style="position: absolute;left: 0;top: 0;"></canvas></div>");
$(function() {
if (/MSIE 6|MSIE 7|MSIE 8/.test(navigator.userAgent)) {
zurück
}
var container = document.querySelector(".snow");
// IE9-10 pointer-events兼容
if (/MSIE 9|MSIE 10/.test(navigator.userAgent)) {
$(container).bind('click mousemove', function(evt) {
this.style.display = 'none';
var x = evt.pageX, y = evt.pageY
if ($(document).scrollTop() > 0 || $(document).scrollTop() > 0) {
x = x - $(document).scrollLeft() 1
y = y - $(document).scrollTop() 1
}
evt.preventDefault();
evt.stopPropagation();
var under = document.elementFromPoint(x, y);
var evtType = evt.type === 'click' ? 'click' : 'mouseenter'
if (evt.type === 'click') {
$(under)[0].click();
} sonst {
$(under).trigger('mouseenter');
}
$('body').css('cursor', 'default')
this.style.display = '';
return false;
});
Die neueste Version von jQuery Three.js ist eine 3D-Datei.
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
05 May 2018
In diesem Artikel wird hauptsächlich der von nativem JS implementierte Schneeflocken-Animationseffekt vorgestellt, der Implementierungstechniken im Zusammenhang mit numerischen Javascript-Operationen und dynamischen Operationen von Seitenelementattributen umfasst
02 Jun 2018
Dieses Mal zeige ich Ihnen, wie Sie mit jQuery Schneeflocken fallen lassen. Was sind die Vorsichtsmaßnahmen für die Verwendung von jQuery, um Schneeflocken fallen zu lassen?
23 Apr 2018
Dieses Mal werde ich Ihnen die Schritte zum Implementieren fallender jQuery-Schneeflocken vorstellen (mit Code). Was sind die Vorsichtsmaßnahmen für die Implementierung fallender jQuery-Schneeflocken? Das Folgende ist ein praktischer Fall.
19 Apr 2018
Dieses Mal werde ich Ihnen den Hintergrundfarbverlaufsanimationseffekt der jQuery-Operation vorstellen. Was sind die Vorsichtsmaßnahmen für den Hintergrundfarbverlaufsanimationseffekt der jQuery-Operation?
23 Jun 2018
In diesem Artikel erfahren Sie hauptsächlich, wie Sie mit JS und JQuery den Animationseffekt fallender Schneeflocken erzielen können.
24 Apr 2018
Dieses Mal werde ich Ihnen die Implementierung des jQuery-Animationseffekt-Bildkarussells vorstellen (mit Code). Was sind die Vorsichtsmaßnahmen für die Implementierung des jQuery-Animationseffekt-Bildkarussells? 1. Anforderungsanalyse
05 Jun 2018
In diesem Artikel wird hauptsächlich der von jQuery implementierte Mausantwortpuffer-Animationseffekt vorgestellt, der die jQuery-Ereignisantwort, numerische Operationen und dynamische Operationen von Seitenelementen umfasst. Freunde, die ihn benötigen, können sich unten darauf beziehen.
31 Dec 2017
Der dynamische Effekt „Schiebetür“ kann auch als „Akkordeon“-Effekt bezeichnet werden. Die Idee zur Realisierung der meisten Effekte ist im Folgenden beschrieben. Eine davon besteht darin, das Bild durch Ändern der Versatzposition zu verschieben. und das andere ist: Die Transformation wird erreicht, indem das Hintergrundbild durchlaufen und dann die Breite des Bildes geändert wird. Die beiden Methoden in diesem Artikel erzielen den „Schiebetür“-Animationseffekt, der auch als Akkordeoneffekt bezeichnet werden kann. Ich hoffe, er kann jedem helfen.
08 Dec 2016
Beispiel für einen jquery+css3-Fragebogen-Antwortkarten-Animationseffekt zum Umblättern
Hot Tools
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
Laui responsive animierte Login-Schnittstellenvorlage
520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag
jQuery Valentinstag-Geständnisanimation, 520-Geständnis-Hintergrundanimation
Coole System-Anmeldeseite
Coole System-Anmeldeseite
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
HTML5-Kassettenmusik-Player – KASSETTENSPIELER