简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

图片无缝滚动(div+css)_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-24 12:29:29
original
969 Les gens l'ont consulté

想必大家都注意到的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
http://hi.baidu.com/cnaspnet/blog/item/52e40c46fcb6af096b63e5bc.html(转自网络)

Étiquettes associées：
图片无缝滚动(div+css)
source：php.cn
Article précédent：DIV+CSS实现左右分栏_html/css_WEB-ITnose Article suivant：div+CSS样式的网页例子_html/css_WEB-ITnose
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
Comment éviter que les éléments convertis soient automatiquement coupés par débordement ? J'utilise Bootstrap4 pour créer une galerie modale pour le site Web personnel d'un ami. Je...
Depuis 2023-09-07 20:04:02
0
1
290
Impossible de faire défiler jusqu'à la partie de débordement de l'élément au-dessus de la page Si je redimensionne la page, les éléments débordent au-dessus de la fenêtre et je ne peux ...
Depuis 2023-08-30 21:41:10
0
2
313
Comment obtenir l'effet coulissant de l'image d'arrière-plan CSS sans utiliser F12 ? J'essaie actuellement de créer un site Web en utilisant CSS et HTML, mais je n'arrive pas ...
Depuis 2023-08-14 19:47:48
0
1
336
javascript - Principes de la technologie de changement de visage dans les photos Web La fonction que je souhaite réaliser : prendre une photo frontale de moi avec mon téléphon...
Depuis 2017-06-20 10:07:05
0
1
2519
javascript - Un bug d'événement de clic. Je ne sais pas ce qui n'a pas fonctionné. 1. Lorsque l'image défile vers le côté droit de la bouche puis clique rapidement sur la fl...
Depuis 2017-05-18 10:59:14
0
1
752
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！