Devo inserire in una pagina un banner che segue lo scroll.
Che codice devo inserire?
Devo inserire in una pagina un banner che segue lo scroll.
Che codice devo inserire?
ASP non c'entra nulla.
Roby
www.creamweb.it [v. 3.0]
:: Script ASP!
:: Web directory gratuita!
:: Campioni del mondo!
Vai sul mio sito, così mi dici com'è secondo te.Originariamente inviato da pablomare
Devo inserire in una pagina un banner che segue lo scroll.
Che codice devo inserire?
Vai nella sezione dedicata a javascript e c'è un esempio su come fluttuare i menu, lo applichi al tuo banner modifiche le coordinate e via ...
ciao
Ciao ho inserito il tuo codice, ma non funziona.
Dov'è l'errore?
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function scroll_banner(){
banner.style.position = 'absolute';
banner.style.left = '0px';
banner.style.top = document.body.scrollTop + 50;
}
scroll_banner();
}
//-->
</script>
</head>
<body onscroll="javascript:scroll_banner()" onresize="javascript:scroll_banner()" >
<table id="banner" width="174" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">
<tr>
<td>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p></td>
</tr>
</table>
<table width="740" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#000099">
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p></td>
</tr>
</table>
</body>
</html>
Parti da questo,
la chiamata iniziale deve essere dopo la definizione dell'oggetto con l'id = banner
ho preferito un div
codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <body onscroll="javascript:scroll_banner()" onresize="javascript:scroll_banner()" > <Table> <TR> <TD> <DIV id="banner"> <table> <tr><td>aa</TD></tr></table> </div> </td></tr> </table> bbbbbbbbbbbbbbbbbb ba </p> b </p> </p> b </p> b </p> </p> b </p> </p> b</p> </p> </p> b</p> </p> b</p> b</p> </p> b </p> </p> b </p> b </p> </body> <SCRIPT LANGUAGE=javascript> <!-- function scroll_banner(){ banner.style.position = 'absolute'; banner.style.left = '0px'; banner.style.top = document.body.scrollTop + 20; } scroll_banner(); //--> </SCRIPT> </html>
Permessi di invio
Rispondi quotando