вкр (1210321), страница 7
Текст из файла (страница 7)
Макет страниц: «О компании», «Подать заявку», «Контакты», «Обратная связь».
Продолжение прил. А
Приложение Б
HTML код
<html>
<head>
<link rel="stylesheet" href="css/templatemo_style.css">
<script type="text/javascript" src="q.js"></script>
<link rel="stylesheet" type="text/css" href="q.css">
<title>Агенство Рефперевозки</title>
</head>
<div class="block">
<section>
<div class="page-top" id="templatemo_events">
<div id="imageArea width="100%"" style="display: none;" onclick="hideImage();" align="center"><img id="bigImage" src="" alt="" /></div>
<div id="slide-container">
<div id="slideshow">
<img src="q1.JPG"/>
<img src="q2.JPG"/>
<img src="q3.JPG"/>
<img src="q4.JPG"/>
<img src="q1.JPG"/>
<img src="q2.JPG"/>
<img src="q3.JPG"/>
<img src="q4.JPG"/>
</div>
<div class="site-header"
<div class="container">
<div class="main-header">
Продолжение прил. Б
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-10">
<div class="logo">
<a href="#">
<img src="1111.jpg" alt="travel html5 template" title="Агенство Рефперевозки">
</a>
</div>
</div> <!-- /.col-md-4 -->
<div class="col-md-8 col-sm-6 col-xs-2">
<div class="main-menu">
<ul class="visible-lg visible-md">
<li class="active" ><a href="index.html">Главная</a></li>
<li><a href="q1.html">Филиалы</a></li>
<li ><a href="q2.html">Подать заявку</a></li>
<li><a href="q3.html">о компании</a></li>
<li><a href="q4.html">контакты</a></li>
</ul>
</div>
</section>
<div class="glav">
<p>Начиная с 1997 года компания ООО «Агентство Рефперевозки» осуществляет перевозки скоропортящихся грузов по железным дорогам России. Приоритетным маршрутом для ООО «Агентства Рефперевозки» является….</p>
</div>
<div class="zay" >
<p><a href="q2.html" class="rollover" ></a><p>
<p><a href="q2.html" class="rollover1" ></a><p>
</div>
<section>
Продолжение прил. Б
<div class="wrapper">
<div class="box bg_grey border_blue floatl marr15 h253">
<h3 class="c_blue caps marb5">Агенство Рефперевозки</h3>
</br>
<img src="poii.png" alt="" class="floatl marr10">
</br></br>
<p class="font14 w180 floatl semibold">Адресса филиалов</p>
<div class="clear"></div>
</br></br></br></br></br>
<a href="q1.html" target="_blank" class="green_bt floatr">Нажмите здесь</a>
</div>
<br>
<img src="pooi.gif" alt="" class="floatl marr10">
</br>
<p class="font14 w188 floatl semibold">( Рефсекции, рефконтейнеры)</p>
<div class="clear"></div><div class="floatl w170">
</div>
</body>
Приложение В
Код JavaScript слайдера
function animate(tagId,alfa,step){
div = document.getElementById(tagId);
var items = new Array();
//Выбираем все рисунки слайдшоу
for(c=i=0;i<div.childNodes.length;i++){
if (div.childNodes[i].tagName=="IMG"){
items[c] = div.childNodes[i];
}
}
last = items[items.length-1];
next = items[items.length-2];
//делаем верхний в стопке(текущий) рисунок более прозрачным
last.style.opacity= alfa/100;
last.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
last.style.filter= "alpha(opacity="+alfa+")";
if ((alfa-step)>0){
//если еще не достигли полной прозрачности верхнего рисунка - продолжаем анимацию
setTimeout("animate('"+tagId+"',"+(alfa-step)+","+step+");",50);
}else{
//если достигли полной прозрачности верхнего рисунка
//делаем абсолютно непрозрачным следующий рисунок
next.style.opacity= 1;
next.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
next.style.filter= "alpha(opacity=100)";
Продолжение прил. В
// а верхний рисунок перемещаем в низ стопки
tmp = last;
div.removeChild(last);
div.insertBefore(tmp,items[0]);
tmp.style.opacity= 1;
tmp.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
tmp.style.filter= "alpha(opacity=100)";
setTimeout( "slideSwitch('"+tagId+"',1000)", 3000 );
}
}
//эта функция делает видимым блок с рисунками для слайдшоу (изначально он невидим, чтобы избежать мерцания во время загрузки картинок) и запускает анимацию
function slideSwitch(tagId,speed){
div = document.getElementById('slideshow');
if (div.style.visibility!="visible"){
div.style.visibility = "visible";
}
items = div.getElementsByTagName('img');
if (items.length>0){
animate(tagId,100,10);
}
}
//выжидаем пару секунд, чтобы картинки успели загрузиться...
setTimeout( "slideSwitch('slideshow',1000);",2000 );
function expandImage(img)
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
