简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

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

WBOY
Freigeben： 2016-06-24 12:29:29
Original
1014 Leute haben es durchsucht

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

Verwandte Etiketten：
图片无缝滚动(div+css)
Quelle：php.cn
Vorheriger Artikel：DIV+CSS实现左右分栏_html/css_WEB-ITnose Nächster Artikel：div+CSS样式的网页例子_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie ändere ich die Größe eines HTML-Containers dynamisch? Ich habe ein Container-Div, das einen Hintergrund darstellt, dessen Größe sich dynamisch m...
Aus 2024-04-03 20:38:38
0
1
272
Deaktivieren Sie das Scrollen im äußeren Div und aktivieren Sie es erneut, wenn das innere Div den unteren Rand erreicht Ich erstelle eine Webseite mit mehreren vertikal angeordneten Divs. Hier ist mein Konzept:...
Aus 2024-03-30 12:33:42
0
1
352
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！