sto seguendo questo articolo: http://javascript.html.it/articoli/l...-scorrevole/2/
sto cercando di trasformarlo da vaerticale a orizzontale.
ho già modificato il javascript, ed infatti dopo il tempo impostato il testo scorre via.
il problema però è che il secondo item nn appare.
penso ci sia un problema di css.
vi posto tutto il codice.
html/js:
css:codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE>HTML.it - il sito italiano sul Web publishing</TITLE> <script src="dw_scroller.js" type="text/javascript"></script> <script type="text/javascript"> function initScroller() { // arguments: id of layer that scrolls, width and height of scroller (of wn), // number of items (including repeated 1st item), axis ("v" or "h") // set up pause/resume onmouseover/out? (true or false) var scr1 = new dw_scroller('cnt', 150, 160, 5, "h", true); scr1.setTiming(100, 7000); } </script> <link rel="stylesheet" type="text/css" href="style.css" /> </HEAD> <body onload="initScroller()"> <h2>Div scorrevole</h2> <div id="bg"> <div id="wn"> <div id="cnt"> <div class="item"> <h3>New Scroller</h3> item1.</p> </div> <div class="item"> item2.</p> </div> <div class="item"> <h3>New Scroller</h3> The new code is lean and efficient. Its time-based motion is smoother in most browsers.</p> Its speed is generally more consistent across different browsers and platforms.</p> </div> </div> </div> </div> </BODY> </HTML>
potete aiutarmi??codice:/* sfondi e bordi del div scorrevole */ #bg { position:relative; /* left:10px;*/ z-index:1000; /* width:170px; */ width: 100%; height:180px; /* background-color:#eee;*/ border:1px solid #338; } /* posizionamento del div scorrevole */ div#wn { position:absolute; left:8px; top:6px; /* width:150px; */ width: 100%; height:160px; z-index:1; clip:rect(0, 150px, 160px, 0); overflow:hidden; } div#cnt { position:absolute; z-index:1; } /* formattazione del testo che faremo scorrere */ div#cnt div.item { /* width:150px;*/ width: 100%; height:160px; color:#336; } div#cnt h3 { font-size:12px; margin:0 0 .5em 0; } div#cnt p { font-size:11px; margin:.5em 0 0 0; } div#cnt ul { margin:.5em 0 0 0; padding:0; font-size:11px; } div#cnt ul li { margin: .5em 0 0 1em; list-style-type:none; }

Rispondi quotando