jQuery-Banner-Bildrotationswechsel-Spezialeffekte
jQuery-Banner-Bildrotationswechsel-Spezialeffekte
<script>
$(function () {
/*图片位置数据*/
var datas = [
{'z-index': 6, Deckkraft: 1, Breite: 760, Höhe: 330, oben: 40, links: 0},
{'z-index': 4, Deckkraft: 0,6, Breite: 560, Höhe: 243, oben:80, links: -225},
{'z-index': 3, Deckkraft: 0,4, Breite: 480, Höhe: 203, oben: -10, links: -170},
{'z-index': 2, Deckkraft: 0,2, Breite: 620, Höhe: 269, oben: -60, links: 110},
{'z-index': 3, Deckkraft: 0,4, Breite: 480, Höhe: 203, oben: -10, links: 430},
{'z-index': 4, Deckkraft: 0,6, Breite: 560, Höhe: 243, oben: 80, links: 420},
]
move();
Funktion move() {
/*图片分布*/
for (var i = 0; i < datas.length; i ) {
var data = datas[i];
$('#slide ul li').eq(i).css('z-index',data['z-index']);
$('#slide ul li').eq(i).stop().animate(data, 1200);
}
}
/*左箭头事件*/
$('.prev').on('click', function () {
var last = datas.pop();
datas.unshift(last);
move();
})
/*右箭头事件处理函数*/
Funktion nextYewu(){
var first = datas.shift();
datas.push(first);
move();
}
/*右箭头事件*/
$('.next').on('click', nextYewu);
/*自动播放*/
var timer = setInterval(function(){
nextYewu();
},5000);
/*鼠标进入slide显示箭头,清除自动播放*/
$('#slide').on({
Mauseingabe: Funktion () {
$('.arrow').css('display', 'block');
sein klares Intervall (Timer);
}, Mouseleave: Funktion () {
$('.arrow').css('display', 'none');
/*Wenn die Maus geht, automatisch abspielen* /
sein klares Intervall (Timer);
timer = setInterval(function(){
nextYewu();
},5000)
}
})
})
</script>
Dabei handelt es sich um einen Website-Bannerbildwechsel-Spezialeffekt und einen jQuery-Bildrotationswechselcode, der die Fakultätsseite von Haifeng Education imitiert.
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.
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
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.
jQuery简单实现banner图片切换_jquery
16 May 2016
本篇文章主要是对使用jQuery简单实现banner图片切换的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
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.
Welche Spezialeffekte kann jQuery erzielen? Verwendung von jQuery-Spezialeffekten (Codebeispiel)
13 Nov 2018
In diesem Artikel möchten wir Ihnen vorstellen, welche Auswirkungen jQuery erzielen kann. Verwendung von jQuery-Effekten (Codebeispiel). Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
Einfaches Beispiel für ein jQuery-Bannerbildkarussell code_jquery
16 May 2016
In diesem Artikel werden hauptsächlich relevante Informationen zum Beispielcode für ein einfaches jQuery-Bannerbildkarussell vorgestellt. Freunde, die ihn benötigen, können darauf verweisen.
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