javascript - marquee走马灯效果停顿怎么实现呢？-Questions et réponses sur le réseau chinois PHP

Article Sujet apprentissage Télécharger Questions et réponses Dictionnaire de programmation Jeu mises à jour récentes

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

javascript - marquee走马灯效果停顿怎么实现呢？

PHPz 2017-04-11 10:42:45

1612

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

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

PHPz

学习是最好的投资！

répondre à tous (4)

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

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

Comme+0

Ajouter une réponse

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

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

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

Comme+0

Ajouter une réponse

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

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

如下


         
         
          
          Comme+0
          
           Ajouter une réponse
           关闭回复
          
         
         
          
           
            
             
             PHPz
            
           
           
           
          
         
         
          
         
        
       
      
      
      
       
       
        
         
          迷茫2017-04-11 10:44:45
          1 plancher
         
         
          看这个小插件 http://www.superslide2.com/de...
         
         
          
          Comme+0
          
           Ajouter une réponse
           关闭回复
          
         
         
          
           
            
             
             PHPz
            
           
           
           
          
         
         
          
         
        
       
      
      
      
     
    
    
    
     
     
      
       
        Sujets populaires
       
       Plus>
      
      
       
        Quel est le format du papier A5
        Outil de requête de nom de domaine d'enregistrement
        La différence entre nohup et &
        Introduction à la signification de += en langage C
       
      
     
     
      
       
        Articles populaires
       
      
      
       
        
         
          
          Quelle est l'adresse du site officiel de Bybit ? Quelles crypto-monnaies peuvent être échangées sur le site officiel de Bybit ?
         
        
         
          
          Le prix du Dogecoin (DOGE) est prêt pour une hausse de 513 % : un analyste de Meme Coin met en évidence ces indicateurs haussiers clés
         
        
         
          
          Black Myth: Wukong Comment obtenir l'armure Xuantie Zhengpao
         
        
         
          
          Black Myth: Wukong Comment obtenir Linguang Kangjin
         
        
         
          
          Black Myth: Wukong Le troisième mécanisme des yeux rouges de la prison
         
       
      
     
     
      
       
        Tutoriels populaires
       
       Plus>
      
      
       
        
         Tutoriels associés
         
        
        
         Recommandations populaires
         
        
        
         Derniers cours
         
        
       
       
        
         
          Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)
          
           
            1396315
            
           
           
            
           
          
         
        
         
          Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine
          
           
            4208793
            
           
           
            
           
          
         
        
         
          Tutoriel vidéo JAVA pour débutants
          
           
            2360551
            
           
           
            
           
          
         
       
       
        
         
          Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)
          
           
            1396315
            
           
           
            
           
          
         
        
         
          Tutoriel vidéo JAVA pour débutants
          
           
            2360551
            
           
           
            
           
          
         
        
         
          Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle
          
           
            493795
            
           
           
            
           
          
         
        
         
          Introduction rapide au développement web front-end
          
           
            213581
            
           
           
            
           
          
         
        
         
          Maîtrisez les didacticiels vidéo PS à partir de zéro
          
           
            845208
            
           
           
            
           
          
         
       
       
        
         
          [Web front-end] Démarrage rapide de Node.js
          
           
            3329
            
           
           
            
           
          
         
        
         
          Collection complète de cours full-stack de développement Web étranger
          
           
            2682
            
           
           
            
           
          
         
        
         
          Aller au langage pratique GraphQL
          
           
            2106
            
           
           
            
           
          
         
        
         
          Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape
          
           
            479
            
           
           
            
           
          
         
        
         
          Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures
          
           
            11552
            
           
           
            
           
          
         
       
      
     
     
      
       
        Derniers téléchargements
       
       Plus>
      
      
       
        
         effets Web
         
        
        
         Code source du site Web
         
        
        
         Matériel du site Web
         
        
        
         Modèle frontal
         
        
       
       
        
         
          
          [bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery
         
        
         
          
          [Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3
         
        
         
          
          [Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5
         
        
         
          
          [bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery
         
        
         
          
          [Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS
         
        
         
          
          [effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique
         
        
         
          
          [Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image
         
        
         
          
          [Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3
         
       
       
        
         
          
          [Modèle d'amorçage] Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5
         
        
         
          
          [modèle de back-end] Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
         
        
         
          
          [Modèle d'amorçage] Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
         
        
         
          
          [Modèle d'amorçage] Modèle Web d'informations de CV simples Bootstrap4
         
        
         
          
          [Modèle d'amorçage] Modèle de site Web d'éducation de livre grand écran réactif bootstrap-DREAMLIFE
         
        
         
          
          [modèle de back-end] Modèle de système de gestion d'arrière-plan CMS d'entreprise bleu réactif de style MAC
         
        
         
          
          [modèle de back-end] Modèle de site Web de système de gestion d'arrière-plan d'atmosphère dégradé réactif-usinessbox
         
        
         
          
          [Modèle d'amorçage] Modèle de site Web réactif pour magasin de légumes et de fruits-Organio
         
       
       
        
         
          
          [PNG素材] 可爱的夏天元素矢量素材(EPS+PNG)
         
        
         
          
          [PNG素材] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
         
        
         
          
          [banner图] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
         
        
         
          
          [PNG素材] 金色的毕业帽矢量素材(EPS+PNG)
         
        
         
          
          [PNG素材] 黑白风格的山脉图标矢量素材(EPS+PNG)
         
        
         
          
          [PNG素材] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
         
        
         
          
          [banner图] 扁平风格的植树节banner矢量素材(AI+EPS)
         
        
         
          
          [PNG素材] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)
         
       
       
        
         
          
          [Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure
         
        
         
          
          [Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches
         
        
         
          
          [Modèle frontal] Modèle Web de CV de travail créatif de concepteur
         
        
         
          
          [Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne
         
        
         
          
          [Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs
         
        
         
          
          [Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne
         
        
         
          
          [Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet
         
        
         
          
          [Modèle frontal] Modèle de site Web de service de trading de devises de style violet
         
       
      
     
    
   
  
  
   
    
     
      
       
        À propos de nous
        Clause de non-responsabilité
        Sitemap
        
       
       
        Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！