jQuery长按图片中显示图片代码
代码片段:
function showDh(){
if(stepNum > step){
if(start >= end){
return;
}else{
start++;
stepNum = 1;
pointMsg = setImgMsg(start);
}
return;
}else if(stepNum == step){
setTimeout(function(){
console.log(step);
$('#showImg2 , #showImg1').removeClass('showDh');
},100);
}else if(stepNum == 1){
$('#showImg2 , #showImg1').addClass('showDh')
}
console.log(stepNum , start , end);
$('#showImg2').css({'width':pointMsg.maxStartW - stepNum * pointMsg.maxStepW,'left':pointMsg.maxStartX - stepNum * pointMsg.maxStepX,'top':pointMsg.maxStartY - stepNum * pointMsg.maxStepY});
$('#showImg1').css({'width':pointMsg.minStartW - stepNum * pointMsg.minStepW,'left':pointMsg.minStartX + stepNum * pointMsg.minStepX,'top':pointMsg.minStartY + stepNum * pointMsg.minStepY});
stepNum ++;
}
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
In diesem Abschnitt wird hauptsächlich jQuery zum Drucken von Bildern im PDF- und TXT-Format vorgestellt. Freunde, die es benötigen, können darauf verweisen.
25 Apr 2024
Sie können den folgenden Code in CSS verwenden, um ein Bild horizontal zu zentrieren: Legen Sie das Containerelement text-align: center; fest. Legen Sie das Bild als Inline-Elementanzeige auf Blockebene fest: inline-block;. Zentrieren Sie das Bild vertikal. Vertical-align: middle;. Zentrieren Sie das Bild vertikal: Stellen Sie das Containerelement auf Flexbox-Anzeige ein: flex;. Untergeordnete Elemente vertikal zentrieren align-items: center;. Untergeordnete Elemente horizontal zentrieren justify-content: center;. Begrenzen Sie die Bildgröße auf max. Breite: 100 %, maximale Höhe:
04 Apr 2024
Um Bilder in C-Sprache anzuzeigen, können Sie die SDL2-Bibliothek initialisieren; Ressourcen.
25 Feb 2024
Titel: Methoden zum Umgang mit jQuery-Bildhintergrundanzeigeproblemen In der Front-End-Entwicklung stoßen wir häufig auf Situationen, in denen jQuery zur Steuerung der Bildhintergrundanzeige verwendet wird. Manchmal treten jedoch Probleme auf, z. B. eine abnormale Bildanzeige, Größenverzerrungen usw. In diesem Artikel werden einige Methoden zum Umgang mit jQuery-Bildhintergrundanzeigeproblemen vorgestellt und spezifische Codebeispiele bereitgestellt. Problemanalyse Bei der Verwendung von jQuery zum Festlegen des Hintergrunds eines Bildes treten häufig folgende Probleme auf: Verzerrung der Bildgröße, unvollständige Bildanzeige
19 Feb 2024
Lösen Sie das Problem, dass der Bildhintergrund in jQuery nicht angezeigt wird. In der Front-End-Entwicklung wird häufig jQuery zum Betrieb von DOM-Elementen verwendet. Manchmal stoßen wir jedoch auf einige Schwierigkeiten, z. B. das Problem, dass der Hintergrund des Bildes nicht angezeigt wird. Dieses Problem kann viele Ursachen haben, z. B. Pfadfehler, Netzwerkprobleme usw. In diesem Artikel gehen wir ausführlich auf dieses Problem ein und geben konkrete Codebeispiele. Bestätigen Sie, ob der Bildpfad korrekt ist. Zuerst müssen wir bestätigen, ob der Bildpfad korrekt ist. Wenn der Bildpfad falsch ist, wird das Bild falsch sein
13 Apr 2024
In der Sprache C können Sie Bilder über die SDL_image-Bibliothek anzeigen (Verwendungsmethode: IMG_Load(file), Datei ist der Bildpfad) und Text über die SDL_ttf-Bibliothek anzeigen (Verwendungsmethode: Schriftart TTF_OpenFont(file, ptsize) laden, Text rendern). TTF_RenderText_Solid(font, text, color), wobei file der Schriftartpfad, ptsize die Schriftgröße, text der Textinhalt und color die Textfarbe ist.
16 May 2016
这篇文章主要介绍了jQuery动态改变图片显示大小(修改版)的实现思路及代码,有需要的朋友可以参考一下
12 May 2023
In einer Website oder Anwendung müssen wir manchmal ein Bild anzeigen, sind uns aber nicht sicher, ob das Bild existiert oder ob es auf dem Server gelöscht wurde. Wenn das Bild zu diesem Zeitpunkt direkt angezeigt wird, können Fehler auftreten. Um dieses Problem zu lösen, können wir mithilfe von Javascript-Code feststellen, ob das Bild vorhanden ist, und ein Standardbild anzeigen, wenn das Bild nicht vorhanden ist. In diesem Artikel wird erläutert, wie Sie diese Funktion mithilfe von Javascript implementieren. Zuerst müssen wir das anzuzeigende Bild in ein div- oder img-Tag einschließen und es im Tag platzieren.
Hot Tools
jQuery2019情人节表白放烟花动画特效
一款抖音上很火的jQuery情人节表白放烟花动画特效,适合程序员、技术宅用来向心爱的姑娘表白,无论你选择愿意还是不愿意,到最后都得同意。
layui响应式动画登录界面模板
layui响应式动画登录界面模板
520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag
jQuery Valentinstag-Geständnisanimation, 520-Geständnis-Hintergrundanimation
炫酷的系统登录页
炫酷的系统登录页
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
HTML5-Kassettenmusik-Player – KASSETTENSPIELER