Main.SideBar (edit)
|
Main /
SimpleAnimation
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<STYLE type="text/css">
<!--
.moveimage { position:absolute; left:200; top:10; z-index:2 }
.hiddentext { position:absolute; left:200; top:10; font-weight:700;
width:100; z-index:1 }
-->
</STYLE>
<SCRIPT language="JavaScript">
<!--
function moveit(spot) {
document.all.reveal.innerHTML=
"<h2 style='background-color:#99FFCC '> Hey Presto! </h2>";
var picture=document.all.reveal.style;
if (spot<300) {
picture.left = spot;
spot += 5;
setTimeout('moveit(' + spot + ')', 50);
}
}
//-->
</SCRIPT>
</head>
<body>
<A HREF="javascript:moveit(150)">Click to reveal >></A>
<DIV ID="reveal" class="moveimage" >
<h2 style="background-color:#FF6600 "> Cover Up! </h2>
</DIV>
<DIV class="hiddentext">
Nothing to see here
</DIV>
</body>
</html>
|