<!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=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>Документ без названия</title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css" />
<!-- Движение фон -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script type="text/javascript" src="js/pngFix.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('.png-fix');
</script>
<!-- Движение фон -->
<!-- Полный размер фон -->
<script type="text/javascript">
$(document).ready(function() {
var bgImage = $('#container');
function resizeImg() {
var imgwidth = bgImage.width(),
imgheight = bgImage.height(),
winwidth = $(window).width(),
winheight = $(window).height(),
widthratio = winwidth / imgwidth,
heightratio = winheight / imgheight,
widthdiff = heightratio * imgwidth,
heightdiff = widthratio * imgheight;
if(heightdiff>winheight) {
bgImage.css({
width: winwidth+'px',
height: heightdiff+'px'
});
} else {
bgImage.css({
width: widthdiff+'px',
height: winheight+'px'
});
}
$("#container").show();
}
resizeImg();
$(window).resize(function() {
resizeImg();
});
});
</script>
<!-- Полный размер фон -->
<!-- Начало меню -->
<script>
$(document).ready(function()
{
$.preloadImages = function()
{
for(var i = 0; i<arguments.length; i++)
{
$("<img />").attr("src", arguments[i]);
}
}
$.preloadImages("images/toparrow.png","images/bottomarrow.png");
var $top1= $('#floatingbar').offset().top + 20;
var $mid1 = Math.floor($(window).height() / 2);
$('#dirbutton').data('mode','scrollup');
$('#dirbutton').click(function()
{
$mode = $(this).data('mode');
switch($mode)
{
case 'scrolldown':
$('html, body').animate({scrollTop:0}, 'slow');
return false;
break;
case 'scrollup':
$scrollpos = $('body').outerHeight();
$('html, body').animate({scrollTop:$scrollpos}, 'slow');
return false;
break;
}
});
$(window).scroll(function()
{
if ($(window).scrollTop()>$top1)
{
$('#floatingbar').addClass('floater');
}
else
{
$('#floatingbar').removeClass('floater');
}
if($(window).scrollTop() > $mid1)
{
$('#dirbutton').find('img').attr('src','images/toparrow.png');
$('#dirbutton').data('mode','scrolldown');
$('#dirbutton').show();
}else
{
$('#dirbutton').find('img').attr('src','images/bottomarrow.png');
$('#dirbutton').data('mode','scrollup');
}
});
});
</script>
<!-- Начало меню -->
</head>
<body>
<div id="container">
<div id="overlay" class="png-fix">
<div id="glavcontainer">
<!-- Начало меню -->
<div id="floatingbar">
<ul>
<li><img border=0 src="images/rocketbar.png"></img></li>
<li><a href="../version2/demo_2.html"><button>Главная</button></a></li>
<li><a href=""><button class="default">О нас</button></a></li>
<li><a href="#service"><button class="default">Услуги</button></a></li>
<li><a href=""><button class="default">Цены</button></a></li>
<li><a href=""><button class="default">Блог</button></a></li>
<li><a href=""><button class="default">Контакты</button></a></li>
</ul>
</div>
<!-- Начало меню -->
<img src="images/shablon_logo_web.png" style="margin-top:10px" />
</div>
</div>
</div>
</body>
</html>