communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > jQuery使用数组编写图片无缝向左滚动_jquery

jQuery使用数组编写图片无缝向左滚动_jquery

WBOY
Libérer： 2016-05-16 17:46:55
original
1036 Les gens l'ont consulté

jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动。
下面是jQuery代码：

复制代码 代码如下:

$(document).ready(function() {
var $images = $('#images img');
var imgs = $images.length;
var next_img;
for(var i=0;ijQuery使用数组编写图片无缝向左滚动_jquerynext_img=$images.eq(i);
scroll(next_img);
}
});
//创建一个滚动的函数，使用animate函数自定义动画
function scroll(image) {
image.animate({'left':-485},5000);
};

Étiquettes associées：
图片
source：php.cn
Article précédent：jquery应该如何来设置改变按钮input的onclick事件_基础知识 Article suivant：设为首页与加入收藏的JS代码(多浏览器支持)_javascript技巧
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1335
Expression régulière pour faire correspondre les mots J'ai un script dans lequel j'essaie de faire correspondre les nouveaux noms de travaux ave...
Depuis 2024-04-06 21:24:04
0
1
606
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Utiliser des grilles pour créer cette conception spécifique : un guide étape par étape J'essaie de créer une mise en page similaire à cette image, j'ai essayé d'utiliser cette g...
Depuis 2024-04-06 20:29:08
0
2
492
En vue mobile, comment fermer cette barre de navigation lorsque l'utilisateur clique sur le lien ? Lorsque l'utilisateur clique sur un lien pour naviguer sur le site Internet, la barre de n...
Depuis 2024-04-06 19:23:03
0
1
411
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal