javascript - marquee走马灯效果停顿怎么实现呢？-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 - marquee走马灯效果停顿怎么实现呢？

PHPz 2017-04-11 10:42:45

1601

1.以下为marquee的走马灯实现，现在想要的效果是，当滚动到中间时，停顿3秒再滚动下一张。请问大神们有什么好的实现方式吗？

 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励

PHPz

学习是最好的投资！

reply all (4)

PHPzhong2017-04-11 10:44:45 4 floor

你如果想要效果更好的话建议用js做，如果不想用js 用marquee其中的属性scrollDelay也可以实现！

Like+0

Add Reply

巴扎黑2017-04-11 10:44:45 3 floor

marquee挺鸡肋的，有停顿的建议用js配合。以下代码应该可行

8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励
 8分钟前 用户 小明啦啦啦 获得了20元奖励

Like+0

Add Reply

Ty802017-04-11 10:44:45 2 floor

给marquee绑定事件，onmouseover="this.stop()" onmouseout="this.start()"

如下


         
         
          
          Like+0
          
           Add Reply
           关闭回复
          
         
         
          
           
            
             
             PHPz
            
           
           
           
          
         
         
          
         
        
       
      
      
      
       
       
        
         
          迷茫2017-04-11 10:44:45
          1 floor
         
         
          看这个小插件 http://www.superslide2.com/de...
         
         
          
          Like+0
          
           Add Reply
           关闭回复
          
         
         
          
           
            
             
             PHPz
            
           
           
           
          
         
         
          
         
        
       
      
      
      
     
    
    
    
     
     
      
       
        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)
          
           
            1394798
            
           
           
            
           
          
         
        
         
          PHP introductory tutorial one: Learn PHP in one week
          
           
            4206508
            
           
           
            
           
          
         
        
         
          JAVA Beginner's Video Tutorial
          
           
            2348018
            
           
           
            
           
          
         
       
       
        
         
          The latest ThinkPHP 5.1 world premiere video tutorial (60 days to become a PHP expert online training course)
          
           
            1394798
            
           
           
            
           
          
         
        
         
          JAVA Beginner's Video Tutorial
          
           
            2348018
            
           
           
            
           
          
         
        
         
          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
          
           
            842636
            
           
           
            
           
          
         
       
       
        
         
          [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
          
           
            10769
            
           
           
            
           
          
         
       
      
     
     
      
       
        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！