简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > html tutorial > teks badan

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

WBOY
Lepaskan： 2016-06-24 12:29:29
asal
1014 orang telah melayarinya

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

Label berkaitan：
图片无缝滚动(div+css)
sumber：php.cn
Artikel sebelumnya：DIV+CSS实现左右分栏_html/css_WEB-ITnose Artikel seterusnya：div+CSS样式的网页例子_html/css_WEB-ITnose
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk menukar saiz bekas HTML secara dinamik? Saya mempunyai div kontena yang merupakan latar belakang yang berubah saiz secara dinamik ...
daripada 2024-04-03 20:38:38
0
1
272
Lumpuhkan penatalan div luar dan dayakannya semula apabila div dalam mencapai bahagian bawah Saya sedang membuat halaman web dengan berbilang div yang diletakkan secara menegak, inila...
daripada 2024-03-30 12:33:42
0
1
352
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！