jQuery-Mouseover-Bildrandanimations-Spezialeffekte
jQuery-Mouseover-Bildrandanimations-Spezialeffekte
JS-Code
<script>
$(function(){
// 边框效果--移入
function biankuang(){
$('.biankuang_1').stop(true).animate({
height:'305px'
},300)
$('.biankuang_2').stop(true).delay(300).animate({
width:'360px'
},300)
$('.biankuang_3').stop(true).animate({
height:'305px'
},300)
$('.biankuang_4').stop(true).delay(300).animate({
width:'360px'
},300)
}
// 边框效果--移出
function biankuang1(){
$('.biankuang_1').stop(true).delay(100).animate({
height:'0px'
},100)
$('.biankuang_2').stop(true).animate({
width:'0px'
},100)
$('.biankuang_3').stop(true).delay(100).animate({
height:'0px'
},100)
$('.biankuang_4').stop(true).animate({
width:'0px'
},100)
}
// 触发
$('.cn_gobuy').hover(
function () {
$('.text_gobuy').addClass('text_gobuy_show');
$('.search_y').animate({left:'150',opacity:1},300);
biankuang();
},
function () {
$('.text_gobuy').removeClass('text_gobuy_show');
$('.search_y').animate({left:'100',opacity:0},300);
biankuang1();
}
);
})
</script>
Der jQuery-Mouse-Over-Bildrand-Animationseffekt ist ein Animationscode, der einen roten Rand anzeigt, wenn die Maus das Produktbild bewegt.
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
16 May 2016
Viele Websites verfügen über Bewertungseffekte, die es Benutzern ermöglichen, die von ihnen durchsuchten Artikel, Filme, Ressourcen usw. zu bewerten, was der Website ein wenig Interaktivität verleiht. In diesem Artikel wird erläutert, wie Sie mit jQuery Scoring-Effekte erzielen.
Wie kann ich mit jQuery Text beim Mouseover dynamisch ändern?
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...
jquery löscht Spezialeffekte
28 May 2023
jQuery ist eine weit verbreitete JavaScript-Bibliothek, die häufig in der Website-Entwicklung und in Webanwendungen eingesetzt wird. Es bietet eine einfache Syntax und eine benutzerfreundliche API zur Bearbeitung bestimmter Aufgaben. Eine davon besteht darin, Elemente mithilfe von jQuery zu entfernen. Das Löschen von Elementen ist eine häufige Aufgabe und kann in vielen Situationen verwendet werden, z. B. zum Löschen nutzloser Tabellenzeilen, zum Entfernen doppelter Listenelemente, zum Löschen fehlerhafter Formulardaten usw. Das Entfernen von Elementen von einer Seite kann auch die Größe und Ladezeit der Seite verringern, da der Browser die entfernten Elemente nicht mehr laden muss. in diesem Artikel
jquery setzt Mouseover von li
18 May 2023
jQuery ist eine beliebte JavaScript-Bibliothek, die die Bearbeitung von HTML-Dokumenten und CSS-Stilen erleichtert. Wenn Sie jQuery verwenden, müssen Sie häufig Mausereignisse festlegen, z. B. Mouseover (Maus bewegt sich hinein) und Mouseout (Maus bewegt sich heraus). In diesem Artikel wird erläutert, wie Sie mit jQuery das Mouseover-Ereignis von li festlegen. 1. HTML-Dokument vorbereiten Zuerst müssen wir ein HTML-Dokument vorbereiten, das einige li-Elemente enthält, wie unten gezeigt: „html<ul> <li.“
28 Nov 2017
Was wir in JQuery am häufigsten verwenden müssen, sind Animationen und Spezialeffekte. Wenn wir Benutzern ein besseres Erlebnis bieten möchten, ist JQuery die beste Wahl. Schauen wir uns die detaillierte Erklärung von JQuery-Animationen und Spezialeffekten an .
16 May 2016
Dieser Artikel zeigt hauptsächlich den Quellcode für die Spezialeffekte der JQuery-Hochzeitseinladung. Freunde, die ihn benötigen, kommen und lernen, wie man eine elektronische JQuery-Hochzeitseinladung erstellt.
16 May 2016
In diesem Artikel wird hauptsächlich JQuery zum Implementieren des Codes für schließbare Countdown-Werbung vorgestellt, der JQuery-Timer und Mausereignisse zum dynamischen Bedienen von Seitenelementstilen umfasst. Freunde, die ihn benötigen, können darauf verweisen.
16 May 2016
In diesem Artikel wird hauptsächlich JQuery vorgestellt, um einen schönen Code für Navigationsmenü-Mausaufforderungen zu implementieren, der JQuery-Mausereignisse und Fähigkeiten zur Verwendung von Seitenanimationen umfasst. Freunde, die es benötigen, können darauf zurückgreifen.
Der Unterschied zwischen Mouseover und MouseEnter bei jQuery-Ereignissen
28 Jun 2017
Auf unseren Seiten werden Mouseover- und Mouseout-Ereignisse häufig verwendet, um der Seite bessere Rendering-Effekte zu verleihen. Wenn das Element, das das Mouseover-Ereignis auslöst, jedoch untergeordnete Elemente enthält, führt dies zu einem Flackereffekt, der sehr unangenehm anzusehen ist denn Mouseover und Mouseout werden unabhängig davon ausgelöst, ob der Mauszeiger durch das ausgewählte Element oder seine Unterelemente verläuft. Die Ereignisse „Mouseenter“ und „Mouseleave“ werden nur ausgelöst, wenn der Mauszeiger über das ausgewählte Element verläuft.
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