Originariamente inviato da cieli
ARGHHHH... ci devo proprio rinunciare?
mai rinunciare!
codice:
<html> 
<head> 
<style>
.div{
	border:0px outset white;
	background:white;
	cursor:hand;
}
</style>
<script>
<!-- inizio variabili da settare 

var max=50;				//aumento massimo della cella
var txt=new Array();	//contenuti delle celle da espandere
txt[0]= "<a href\=\"amici.html\" target\=\"_top\"\>animati&nbsp\<a href\=\"amicis.html\" target\=\"_top\"\>&nbspstatici\<\/a\>";  
txt[1]= "<a href\=\"ammicca.html\" target\=\"_top\"\>animati&nbsp\<a href\=\"ammiccas.html\" target\=\"_top\"\>&nbspstatici\<\/a\>";  

//fine variabili da settare -->

var aum=0;
var intv;
var mas=max+"px";
var num=0;
var pq="";
var TD="";

function dec(x){
	TD=x;
	aum=0;
	pq="";
	for(i=2;i<TD.length;i++)pq=pq+TD.charAt(i);
	num=parseInt(pq);
	max=parseInt(mas);
	z=document.getElementById(TD);
	if(z.style.width!=mas){
		intv=setInterval('espandi()',1);
	}
	else{
		intv=setInterval('ritrai()',1);
		togli();
	}
}
 
function espandi(){
	z.style.width=aum; 
	aum+=5; 
	if(aum>max){ 
		clearInterval(intv);
		inser();
		return; 
	} 
	 
} 

function ritrai(){
	z.style.width=max; 
	max-=5; 
	if(aum>max){ 
		clearInterval(intv); 
		return; 
	} 
}

function inser(){
	z.innerHTML=txt[num]; 
	z.style.visibility="visible";  
} 

function togli(){
	z.innerHTML="";
	z.style.visibility="hidden"; 
}
</script>
<title></title> 

</head>
<BODY BGCOLOR="#ffffff" TEXT="#008080" LINK="#008080" VLINK="#009700">
 
<TABLE BORDER="1" bordercolor="#008080" CELLSPACING="2" CELLPADDING="0">
<TR>
<TD bordercolor="#FFFFFF" ROWSPAN="2" WIDTH="112">

<CENTER>
<div onclick="dec('td0')" style="border:0px outset white;background:white;cursor:hand"> 
Amici
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td0"> 
</td> 
</tr> 
</table>




<TABLE BORDER="1" bordercolor="#008080" CELLSPACING="2" CELLPADDING="0">
<TR>
<TD bordercolor="#FFFFFF" ROWSPAN="2" WIDTH="112">

<CENTER>
<div onclick="dec('td1')" style="border:0px outset white;background:white;cursor:hand"> 
Ammicca
</div> 
</center> 
</td> 
<td bordercolor="#FFFFFF" style="visibility:hidden" id="td1"> 
</td> 
</tr> 
</table>
 
</body>
</html>
Ciao