Nella struttura di questa pagina devo inserire uno scroll di news.... e il meccanismo funziona tramite delle funzioni js. Il problema è che lo devo far visualizzare all'interno della colonna di una tabella, ma non riesco a impaginarlo.... in quanto la scritta sale fino in alto la pagina, come va modificato???
Codice PHP:
<html>
<head>
<title>Untitled Document</title>
<script language="JavaScript1.2">
var sp=0;
function swtScroll() {
scrtext=document.getElementById?document.getElementById("sctext"):document.all["sctext"];
maxp=scrtext.offsetHeight?scrtext.offsetHeight:scrtext.style.pixelHeight;
if (sp<-maxp)
sp=0;
sp--;
scrtext.style.top=sp;
s1=setTimeout('swtScroll()',20); // larger number = slower scroll
}
if (!document.layers)
window.onload=swtScroll;
function stop(){
clearTimeout(s1);
}
</script>
</head>
<body>
<table border="2" width="100%"><tr>
<td width="10%"></td>
<td>
<table border="0" align="center" width="100%">
<tr>
<td align="center">Logo</td>
</tr>
<tr>
<td align="right">
<table width="40%" border="1" cellspacing="0" cellpadding="0"><tr>
<td>[url="#"]A[/url]</td>
<td>[url="#"]B[/url]</td>
<td>[url="#"]C[/url]</td>
</tr></table>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0">
<tr>
<td align="center" width="15%">
<table cellpadding="0">
<tr><td>
<table cellpadding="0" border="1">
<tr><td colspan="2">Area riservata</td></tr>
<tr><td align="left" class="area_riservata">Login:</td><td><input type="text" size="8"></td></tr>
<tr><td align="left" class="area_riservata">Pass:</td><td><input type="text" size="8"></td></tr>
<tr><td colspan="2"><input type="submit" value="Accedi"></td></tr>
</table>
</td></tr>
<tr><td>
<div style="overflow:hidden;width:400px;height:206px;padding:10px;" onmouseover="stop();" onmouseout="swtScroll();">
<div id="sctext" style="position:relative;font-size:14;color:blue;padding-top:200px;">
Benvenuti,</p>
testo scorrevole verticale,</p>
Funziona con IE e NS,</p>
</div>
</div>
</td></tr>
<tr><td>A</td></tr>
<tr><td>B</td></tr>
</table>
</td>
<td align="center">C</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td width="10%"></td>
</tr></table>
</body>
</html>
Rispondi quotando