• Címkék:
  • gépel
  • ticker
  • typing
  • szöveg
  • text

jTicker

Példa

Első blokk

Morbi gravida orci sed elit viverra varius. In viverra, purus dignissim laoreet sollicitudin, enim leo pharetra nunc, ac placerat purus enim vitae augue.

következő »

Második blokk

Morbi gravida orci sed elit viverra varius.

  • in viverra, purus dignissim laoreet
  • sollicitudin, enim leo pharetra nunc, ac placerat purus enim vitae augue

következő »

Deklaráció

        $(document).ready(function(){
          $('#pelda').ticker({
            rate: 20,
            delay: 4000,
            cursorList: ['+','?','-','a','ú','_','/','"']
          }).trigger('play').trigger('stop');

          $('.next').live('click', function(){
            jQuery('#pelda').trigger({type: 'play'}).trigger({type: 'stop'});
            return false;
          });
        });
      

HTML kód

        <div id="pelda">
          <div>
            <h3>Első blokk</h3>
            <p>
              Morbi gravida orci sed elit viverra varius.
              In viverra, purus dignissim laoreet sollicitudin,
              enim leo pharetra nunc, ac placerat purus enim vitae augue.
            </p>
            <p>
              <a class="next" href="#">következő »</a>
            </p>
          </div>

          <div>
            <h3>Második blokk</h3>
            <p>
              Morbi gravida orci sed elit viverra varius.
            </p>
            <ul>
              <li>in viverra, purus dignissim laoreet</li>
              <li>sollicitudin, enim leo pharetra nunc, ac placerat purus enim vitae augue</li>
            </ul>
            <p>
              <a class="next" href="#">következő »</a>
            </p>
          </div>
        </div>
      

« bezár