Maison > interface Web > js tutoriel > le corps du texte

Méthode d'implémentation de l'actualisation déroulante Iscool

小云云
Libérer: 2018-01-06 10:23:21
original
1390 Les gens l'ont consulté

Cet article vous apporte principalement une méthode pour implémenter la fonction de rafraîchissement déroulant Iscool (recommandé). L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Méthode d'implémentation d'actualisation déroulante simple

Style CSS :

*{
        margin: 0px;
        padding: 0px;
        
      }
      #wrapper{
        width: 100%;
        height: 150px;
        border: 1px solid red;
        overflow: hidden;
        position: absolute;
      }
      #shua{
        text-align: center;
      }
Copier après la connexion

Code HTML

<p id="wrapper">
      <p>
        <p id="shua">刷新</p>
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>5</li>
          <li>6</li>
          <li>7</li>
          <li>8</li>
          <li>9</li>
          <li>10</li>
        </ul>
      </p>
    </p>
Copier après la connexion

Avant d'écrire du code js, vous devez introduire le plug-in jQuery et le plug-in iscroll

Ensuite, le code js est le suivant :

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À 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!