简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > JS Tutorial > body text

分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码_javascript技巧

WBOY
Release： 2016-05-16 18:01:48
Original
1598 people have browsed it
复制代码 代码如下:




分别用marquee和div+js实现首尾相连循环滚动效果


用marquee实现首尾相连循环滚动效果（仅IE）：


这里是要滚动的内容


用DIV+javascript实现首尾相连循环滚动效果（兼容firefox）：


这里是要滚动的内容




Related labels：
Scroll cycle
source：php.cn
Previous article：一个挺有意思的Javascript小问题说明_javascript技巧 Next article：Prototype的Class.create函数解析_prototype
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to list data in a section by ID using while loop in PHP? I have a mysql table with these columns: series_id, series_color, product_name In the outp...
From 2023-11-17 20:03:03
0
1
290
How can I set the height of an outer div to always be equal to the height of a specific inner div? I have an outer div that contains three inner divs. I want the leftmost inner div to alway...
From 2023-11-07 13:59:30
0
2
314
How to prevent the page from scrolling after route changes in Nuxt? I have a Nuxt project. When I change the route from http://localhost:3000/catalog/postery ...
From 2023-11-06 18:56:58
0
1
266
"Using the v-for directive for array element and attribute destructuring" When using an array of objects, is it possible in a v-for loop to simultaneously assign th...
From 2023-11-05 17:37:54
0
1
216
How to bind v-model to methods in Vue.js I'm learning vuejs(3). I have this loop: <trv-for="indexin7":key="index&...
From 2023-11-05 16:36:26
0
1
193
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！