Visualizzazione dei risultati da 1 a 3 su 3

Discussione: script testo

  1. #1

    script testo

    buongiorno .......
    qualcuno sa consigliarmi uno script per far scorrere i testo in verticale che non lasci spazi bianchi e sia continuooo?????? grazie...

  2. #2

  3. #3
    grazie...
    ho trovato anche questo



    <div id="tickerContainer">
    <dl id="ticker">
    <dt class="heading">This is a news title!</dt><dd class="text">This is a snippet of the news. It could be the whole news item or it could link to another page containing...</dd>
    <dt class="heading">News Heading 2</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt class="heading">News Heading 3</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt class="heading">News Heading 4</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
    <dt class="heading">This item is long!</dt><dd class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</dd>
    </dl>
    </div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {

    //cache the ticker
    var ticker = $("#ticker");

    //wrap dt:dd pairs in divs
    ticker.children().filter("dt").each(function() {

    var dt = $(this),
    container = $("<div>");

    dt.next().appendTo(container);
    dt.prependTo(container);

    container.appendTo(ticker);
    });

    //hide the scrollbar
    ticker.css("overflow", "hidden");

    //animator function
    function animator(currentItem) {

    //work out new anim duration
    var distance = currentItem.height();
    duration = (distance + parseInt(currentItem.css("marginTop"))) / 0.025;

    //animate the first child of the ticker
    currentItem.animate({ marginTop: -distance }, duration, "linear", function() {

    //move current item to the bottom
    currentItem.appendTo(currentItem.parent()).css("ma rginTop", 0);

    //recurse
    animator(currentItem.parent().children(":first"));
    });
    };

    //start the ticker
    animator(ticker.children(":first"));

    //set mouseenter
    ticker.mouseenter(function() {

    //stop current animation
    ticker.children().stop();

    });

    //set mouseleave
    ticker.mouseleave(function() {

    //resume animation
    animator(ticker.children(":first"));

    });
    });
    </script>


    #ticker { width:180px; height:300px; border:1px solid #aaaaaa; overflow:auto; }
    #ticker dt { font:normal 14px Georgia; padding:0 10px 5px 10px; background-color:#e5e5e5; padding-top:10px; border:1px solid #ffffff; border-bottom:none; border-right:none; position:relative; }
    #ticker dd { margin-left:0; font:normal 11px Verdana; padding:0 10px 10px 10px; border-bottom:1px solid #aaaaaa; background-color:#e5e5e5; border-left:1px solid #ffffff; position:relative; }
    #ticker dd.last { border-bottom:1px solid #ffffff; }
    #ticker div { margin-top:0; }


    ma nel momento in cui vado a cambiare i parametri cioè renderlo piu grande piu alto dopo nn è piu fluido xkèèè???

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 © 2025 vBulletin Solutions, Inc. All rights reserved.