Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    10

    scorrimento verticale notizie e col passaggio mouse si ferma

    sto facendo in js, uno script in grado di far visualizzare delle notizie che scorrono in verticale..tutto ok ci sono riuscito ed e' abbastanza compatibile con + browser, ora la cosa ke vorrei fare e' la seguente: se passo all'interno del div mi si blocca lo scorrimento, se esco riprende a scorrere....
    nel file ke posto ho provato ad usare onmouseover e onmouseout, dove richiamo due funzioni ke cambiano un booleano e con tale booleano dico di scorrere o lasciar fermo il div...

    funge, ma me sfarfalla un bel po, se sto all'interno del div e muovo il mouse all'interno di esso ogni tanto me se move lo scorriemnto, oppure quando esco dal div a volte rimane sempre fermo o accelera de brutto(peggio di rossiche ridere)

    attendo grazie.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>prova notizie scorrimento</title>
    <meta http-equiv="content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">

    #main {
    position : absolute;
    top:0;
    right : 0;
    width : 811px;
    height : 401px;
    background-color:#FFF54E;
    }

    #notizie {
    position : absolute;
    top:70px;
    right :180px;
    left: 190px;
    overflow:hidden;
    height : 311px;
    width:426px;
    border: 3px double;
    }

    #notiziemovimento {
    position : absolute;
    left:0;

    }
    </style>

    <script language="javascript" type="text/javascript">
    <!--

    var velocita=cache=2;
    var ritardoiniziale=500;
    function scroller(){
    dataobj=document.getElementById("notiziemovimento" );
    dataobj.style.top="5px";
    setTimeout("getaltezza()", ritardoiniziale);
    }

    function getaltezza(){
    altezza=dataobj.offsetHeight;
    if (altezza==0)
    setTimeout("getaltezza",20);
    else
    scrollDiv();
    }
    bloccabool=false;
    function scrollDiv(){
    if(bloccabool==false){
    dataobj.style.top=parseInt(dataobj.style.top)-velocita+"px";
    if (parseInt(dataobj.style.top)<altezza*(-1))
    dataobj.style.top="5px";
    setTimeout("scrollDiv()",40);
    }else if(bloccabool==true){
    dataobj.style.top=parseInt(dataobj.style.top);
    }
    }

    if (window.addEventListener)
    window.addEventListener("load", scroller, false);
    else if (window.attachEvent)
    window.attachEvent("onload", scroller);
    else
    window.onload=scroller;

    function blocca(){
    bloccabool=true;
    }
    function sblocca(){
    bloccabool=false;
    scrollDiv();
    }
    -->
    </script>
    </head>

    <body>

    <div id="main">
    <div id="notizie" onmouseover="blocca();" onmouseout="sblocca();">
    <div id="notiziemovimento">


    ciao
    ciaociaociaociaociaociao
    ciaociaociaociaociao
    cciaociaociaoiao
    ciaociaociaociao
    ciaociaociaociao
    cciaociaociaoiao
    ciciaociaociaoao
    ciaociaociaociaociao
    ciaciaociaociaoo
    ciaciaociaociaoo
    cciaociaociaoo
    ciaociaociaociao
    ciaciaociaociaoo</p>
    </div>
    </div>
    </div>
    </body>
    </html>
    p.s.: vorrei poter muovere il mouse all'interno del div#notizie cioe' all'interno del bordo doppio...

  2. #2
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    10
    SCUSATE, HO SBAGLIATO STRANAMENTE LA SEZIONE, NON SO PROPRIO COME HO FATTO SCUSATE, MI POTETE SPOSTARE NELLA SEZIONE JAVASCRIPT?! O DEVO CREARE UNA NUOVA DISCUSSIONE NELLA APPOSITA SEZIONE JAVASCRIPT?!?!

    scusate...

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2008
    Messaggi
    10
    HO APERTO UNA DISCUSSIONE NELL'ALTRA SEZIONE, POTETE CHIUDERE QUESTA SE VOLETE O ELIMINARLA, GRAZIE



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.