Side navigation
Ticket #5207: index.html
File index.html, 5.8 KB (added by chrisdegrote, September 11, 2009 05:37PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<title></title>
<meta http-equiv='Content-Type' content='text/html; charset=us-ascii' />
<style type='text/css'>
/*<![CDATA[*/
body,
html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
#wrapper {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0px;
background: white;
}
#test1 {
position: absolute;
top: 0%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test2 {
position: absolute;
top: 25%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test3 {
position: absolute;
top: 50%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test4 {
position: absolute;
top: 75%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
/*]]>*/
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.js'>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$('#test1').animate({left: '0%'}, 500);
$('#test2').animate({left: '0%'}, 1000);
$('#test3').animate({left: '0%'}, 1500);
$('#test4').animate({left: '0%'}, 2000);
$('#wrapper').bind('click', function(){
$('#test1').animate({left: '300%'}, 1000);
$('#test2').animate({left: '300%'}, 2000);
$('#test3').animate({left: '300%'}, 3000);
$('#test4').animate({left: '300%'}, 4000);
});
});
//]]>
</script>
<script src="scripts/ac_runactivecontent.js" type="text/javascript">
</script>
</head>
<body>
<div id='wrapper'>
<div id='test1'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="home">
<param name="movie" value="home.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="home.swf" width="100%" height=
"100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test2'>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%"
height="100%">
<param name="movie" value="kandidaten.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="kandidaten.swf" width="100%"
height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<div>
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div><!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test3'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="opdrachtgevers">
<param name="movie" value="opdrachtgevers.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="opdrachtgevers.swf" width=
"100%" height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test4'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="contact">
<param name="movie" value="contact.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="contact.swf" width="100%"
height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
</div>
</body>
</html>
Download in other formats:
Original Format
File index.html, 5.8 KB (added by chrisdegrote, September 11, 2009 05:37PM UTC)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<title></title>
<meta http-equiv='Content-Type' content='text/html; charset=us-ascii' />
<style type='text/css'>
/*<![CDATA[*/
body,
html {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
#wrapper {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0px;
background: white;
}
#test1 {
position: absolute;
top: 0%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test2 {
position: absolute;
top: 25%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test3 {
position: absolute;
top: 50%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
#test4 {
position: absolute;
top: 75%;
width: 100%;
height: 25%;
left: 100%;
right: -100%;
background: white;
}
/*]]>*/
</style>
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.js'>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
$('#test1').animate({left: '0%'}, 500);
$('#test2').animate({left: '0%'}, 1000);
$('#test3').animate({left: '0%'}, 1500);
$('#test4').animate({left: '0%'}, 2000);
$('#wrapper').bind('click', function(){
$('#test1').animate({left: '300%'}, 1000);
$('#test2').animate({left: '300%'}, 2000);
$('#test3').animate({left: '300%'}, 3000);
$('#test4').animate({left: '300%'}, 4000);
});
});
//]]>
</script>
<script src="scripts/ac_runactivecontent.js" type="text/javascript">
</script>
</head>
<body>
<div id='wrapper'>
<div id='test1'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="home">
<param name="movie" value="home.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="home.swf" width="100%" height=
"100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test2'>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%"
height="100%">
<param name="movie" value="kandidaten.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="kandidaten.swf" width="100%"
height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<div>
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"
alt="Get Adobe Flash player" /></a></p>
</div><!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test3'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="opdrachtgevers">
<param name="movie" value="opdrachtgevers.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="opdrachtgevers.swf" width=
"100%" height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
<div id='test4'>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height=
"100%" id="contact">
<param name="movie" value="contact.swf" />
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="contact.swf" width="100%"
height="100%">
<param name="quality" value="best" />
<param name="wmode" value="transparent" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflashplayer"><img src=
"http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt=
"Get Adobe Flash player" /></a> <!--[if !IE]>-->
</object> <!--<![endif]-->
</object>
</div>
</div>
</body>
</html>