javascript - 求指导 jQuery 文字跑马灯效果-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

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

javascript - 求指导 jQuery 文字跑马灯效果

PHP中文网 2017-04-11 09:43:41

0

3

443

需要做一个文字跑马灯效果，而且需要不间断，循环。也就是一段文字。那个非主流标签暂时不考虑，兼容性问题。想采用图片轮播效果，把子节点clone一个，造成无缝隙轮播，但是文字不像图片，定时切换，我需要滚动。脑袋进程阻塞，没有思路。求大家知道一二。 3 0 0 PHP中文网认证高级PHP讲师 reply all (3) 刘奇2017-04-11 09:45:41 3 floor 你这个思路没问题啊，一段文字都放在span里面，span包在一个p里，p的宽高固定，样式设置正确后，改变span的位置实现滚动，剩下的就是计算了（没敲代码，就大概想了一下，觉得可行）。 Like+0 Add Reply 关闭回复 PHP中文网大家讲道理2017-04-11 09:45:41 2 floor 百度找的一个Demo还是可以用的，不错。可以学习学习。 js文字向左无缝滚动 2016年第一盏祝福之灯 Like+0 Add Reply 关闭回复 PHP中文网大家讲道理2017-04-11 09:45:41 1 floor 根据轮播的思路是对的 http://jsbin.com/punevu/edit?html,output 可以看一下代码这里时间有限没有写注释如果有问题请评论 Like+0 Add Reply 关闭回复 PHP中文网 Popular Topics More> What size is a5 paper Registration domain name query tool The difference between nohup and & Introduction to the meaning of += in C language Popular Articles Bitcoin (BTC) Briefly Rose Above $60K But Gave Up Gains to Trade Around the $60K Mark, Mimicking Moves in Equities Markets Michael Saylor Defends Bitcoin's Volatility, Terms It the 'Price You Pay' for Liquidity and Credit Crafting a Reusable Model Search in Laravel: Efficient Setup and Best Practices Apple's new patent exposed! AI helps record a new chapter in life? How much cooldown can the Boots of Calm reduce? Popular Tutorials More> Related Tutorials Popular Recommendations Latest courses The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course) 1394797 PHP introductory tutorial one: Learn PHP in one week 4206507 JAVA Beginner's Video Tutorial 2348014 The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course) 1394797 JAVA Beginner's Video Tutorial 2348014 Little Turtle's zero-based introduction to learning Python video tutorial 493104 Quick introduction to web front-end development 213403 Master PS video tutorials from scratch 842634 [Web front-end] Node.js quick start 3115 Complete collection of foreign web development full-stack courses 2483 Go language practical GraphQL 1974 550W fan master learns JavaScript from scratch step by step 464 Python master Mosh, a beginner with zero basic knowledge can get started in 6 hours 10768 Latest Downloads More> Web Effects Website Source Code Website Materials Front End Template [form button] jQuery enterprise message form contact code [Player special effects] HTML5 MP3 music box playback effects [Menu navigation] HTML5 cool particle animation navigation menu special effects [form button] jQuery visual form drag and drop editing code [Player special effects] VUE.JS imitation Kugou music player code [html5 special effects] Classic html5 pushing box game [Picture special effects] jQuery scrolling to add or reduce image effects [Photo album effects] CSS3 personal album cover hover zoom effect [Bootstrap template] Organic fruit and vegetable supplier web template Bootstrap5 [backend template] Bootstrap3 multifunctional data information background management responsive web page template-Novus [Bootstrap template] Real estate resource service platform web page template Bootstrap5 [Bootstrap template] Simple resume information web template Bootstrap4 [Bootstrap template] bootstrap responsive widescreen book education website template-DREAMLIFE [backend template] MAC style responsive blue enterprise CMS background management system template [backend template] Responsive gradient atmosphere background management system website template-usinessbox [Bootstrap template] Responsive vegetable and fruit store website template-Organio [PNG material] Cute summer elements vector material (EPS PNG) [PNG material] Four red 2023 graduation badges vector material (AI EPS PNG) [banner picture] Singing bird and cart filled with flowers design spring banner vector material (AI EPS) [PNG material] Golden graduation cap vector material (EPS PNG) [PNG material] Black and white style mountain icon vector material (EPS PNG) [PNG material] Superhero silhouette vector material (EPS PNG) with different color cloaks and different poses [banner picture] Flat style Arbor Day banner vector material (AI+EPS) [PNG material] Nine comic-style exploding chat bubbles vector material (EPS+PNG) [Front-end template] Home Decor Cleaning and Repair Service Company Website Template [Front-end template] Fresh color personal resume guide page template [Front-end template] Designer Creative Job Resume Web Template [Front-end template] Modern engineering construction company website template [Front-end template] Responsive HTML5 template for educational service institutions [Front-end template] Online e-book store mall website template [Front-end template] IT technology solves Internet company website template [Front-end template] Purple style foreign exchange trading service website template About us Disclaimer Sitemap php.cn：Public welfare online PHP training，Help PHP learners grow quickly！