Ho questo codice:
poerchè nella funzione scroll_news di javascript non mi dice le proprietà style.bottom e style.top del div news-interno?codice:<html> <head> <title>News scrollabili</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #news-esterno { position : relative; width : 300px; height : 300px; border : 1px solid gray; overflow : hidden; } #news-interno { position : absolute; top : 0px; left : 0px; padding : 10px; } </style> <script language="Javascript"> function scroll_news() { var objNews = document.getElementById("news-interno"); var intBottom = objNews.style.bottom; var intTop = objNews.style.top; //alert(intBottom); //alert(intTop); if (intBottom == -10) { intTop = 300; } else { intTop = intTop - 1; } objNews.style.top = intTop; setInterval('scroll_news()', 100); } </script> </head> <body onload="scroll_news()"> <div id="news-esterno"> <div id="news-interno"> <h4>News 1</h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <h4>News 2</h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> <h4>News 3</h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p> </div> </div> </body> </html>

Rispondi quotando