Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    182

    marquee verticale a "scatto"

    Nella mia più totale ignoranza xD sto cercando di creare uno scorrimento testo in verticale a "scatto": il testo deve scorrere dentro una finestra larga ma di altezza limitata, restare fermo 1-2 secondi, e poi riscorrere alla frase/riga successiva, che si fermerà di nuovo 1-2 secondi raggiunta l'altezza giusta per leggerla nella finestra.

    Un esempio lo trovate in questo sito nella finestrella "Ultima Ora"
    http://lercio.altervista.org/rihanna...o-di-zucchine/

    (fatevi anche due risate leggendo qualche "notizia" visto che ci siete xD)

  2. #2
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    182
    Ho scoperto che si chiamano Tickers, ma prevedono troppa roba :s non c'è niente di facile uso, o un marquee html addebitamente "taroccato" che mi dia lo stesso effetto?

  3. #3
    Utente di HTML.it
    Registrato dal
    Feb 2012
    Messaggi
    182
    Ho risolto alla grande! grazie a jQuery


    codice:
    <HTML> <HEAD> <META NAME="GENERATOR" Content="AlterVista - Editor HTML"> <TITLE></TITLE> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://www.yourinspirationweb.com/example/jquery/news_ticker/script/common.js"> <link rel="stylesheet" href="http://www.yourinspirationweb.com/example/jquery/news_ticker/style/screen.css" type="text/css" media="all" />  </script> <style type="text/css"> ul#ticker { width: 500px; height: 30px; overflow: hidden; } ul#ticker li { width: 500px; height: 99px; padding: 10px; border-bottom: 1px dashed #ccc; } ul#ticker li a { color: #666; } ul#ticker li span { display: block; color: #06C; } </style> </HEAD> <BODY> <div id="wrap"> <div id="head" class="block"></div> <div id="content"> <div id="info" class="block"> <ul id="ticker">[*] <span>Notizia 1 Notizia 1 Notizia 1 Notizia 1 Notizia 1 Notizia 1 Notizia 1 </span>[*] <span>Notizia 2 Notizia 2 Notizia 2 Notizia 2 Notizia 2 Notizia 2 Notizia 2 </span>[*] <span>Notizia 3 Notizia 3 Notizia 3 Notizia 3 Notizia 3 Notizia 3 Notizia 3 </span>[*] <span>Notizia 4 Notizia 4 Notizia 4 Notizia 4 Notizia 4 Notizia 4 Notizia 4 </span>[*] <span>Notizia 5 Notizia 5 Notizia 5 Notizia 5 Notizia 5 Notizia 5 Notizia 5 </span>[*] <span>Notizia 6 Notizia 6 Notizia 6 Notizia 6 Notizia 6 Notizia 6 Notizia 6 </span>[*] <span>Notizia 7 Notizia 7 Notizia 7 Notizia 7 Notizia 7 Notizia 7 Notizia 7 </span>[/list]</div> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-8632327-1"); pageTracker._trackPageview(); } catch(err) {}</script> </marquee></td></tr></table> </BODY> </HTML>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.