Cet exemple d'article décrit comment réaliser l'effet du clic sur les boutons gauche et droite pour stimuler l'image. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
$ (function () {var index = 1; var ppage = 1; var $ v_citemss = $ (". citemss"); var $ v_show = $ v_citemss.find ("ul"); v_width = $ v_citemss.width (); // la taille de la div dans la zone d'affichage d'image // note: si elle est un integer, VaR, mais il est ajouté dans la zone d'image / invité à être sous-fini p_count = $ v_citemss.find ("li"). Length; // Obtenez le nombre de lis ici $ (". slideprev1"). Cliquez sur (fonction () {if (! $ v_show.is (": Animated")) {if (ppage == index) {$ v_show.anate ({right: '0px'}, ")"); ppage = 4;} else {$ v_show.anim $ v_show.animate (Left: '0px'}, "3000"); ppage = 1;Lorsque la souris est suspendue, la description de la barre horizontale apparaît ci-dessous, les boutons apparaissent sur les côtés gauche et droit, etc. Il peut être entièrement mis en œuvre à l'aide de CSS, et il n'est pas nécessaire d'utiliser JS pour y parvenir.
Fonctionnement spécifique: le positionnement absolu ou relatif dans CSS, gauche, droit ou inférieur sont des nombres négatifs. Une fois la souris suspendue, elle sera affichée correctement respectivement. Définissez la transition pour servir de tampon pour l'animation.
J'espère que cet article sera utile à la programmation JavaScript de tous.