Материал из SamaraTrans.
| Версия 14:17, 24 сентября 2008 (править) Buslov Anton (Обсуждение | вклад) м (Защищена страница «Самара метро схема» [edit=sysop:move=sysop]) ← К предыдущему изменению |
Версия 14:19, 24 сентября 2008 (править) (отменить) Buslov Anton (Обсуждение | вклад) К следующему изменению → |
||
| Строка 5: | Строка 5: | ||
| <addhtml><html> | <addhtml><html> | ||
| <head> | <head> | ||
| + | <style type="text/css"> | ||
| + | body {font: 80% Tahoma, sans-serif;} | ||
| + | img {border: none;} | ||
| + | #map-box { | ||
| + | position: relative; | ||
| + | margin: 100px; | ||
| + | width: 680px; | ||
| + | left: 50px; | ||
| + | top: -100px; | ||
| + | height: 421px; | ||
| + | } | ||
| + | #stations { | ||
| + | margin: 0; padding: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | #stations li { | ||
| + | position: absolute; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #stations li strong { | ||
| + | margin-right: 4px; | ||
| + | display: none; | ||
| + | color: #000; | ||
| + | } | ||
| + | #st1 {left: 234px; top: 33px; color: red; font-weight: bold;} | ||
| + | #st2 {left: 236px; top: 95px; color: red; font-weight: bold;} | ||
| + | #st3 {left: 267px; top: 137px; color: red; font-weight: bold;} | ||
| + | #st4 {left: 349px; top: 196px; color: red; font-weight: bold;} | ||
| + | #st5 {left: 400px; top: 233px; color: red; font-weight: bold;} | ||
| + | #st6 {left: 448px; top: 277px; color: red; font-weight: bold;} | ||
| + | #st7 {left: 520px; top: 245px; color: red; font-weight: bold;} | ||
| + | #st8 {right: 108px; top: 325px; color: red; font-weight: bold;} | ||
| + | #st9 {left: 664px; top: 361px; color: red; font-weight: bold;} | ||
| + | </style> | ||
| + | </head> | ||
| + | <div id="map-box"><img src="http://www.samaratrans.info/metro/samara_map.gif" alt="Схема самарского метро" align="bottom" usemap="#samara" title=""> | ||
| + | <map name="samara"> | ||
| + | <area onclick="countTime(8); return false;" shape="circle" alt="" coords="652,368,8" href="#"> | ||
| + | <area onclick="countTime(7); return false;" shape="circle" alt="" coords="581,329,8" href="#"> | ||
| + | <area onclick="countTime(6); return false;" shape="circle" alt="" coords="531,269,8" href="#"> | ||
| + | <area onclick="countTime(5); return false;" shape="circle" alt="" coords="461,266,8" href="#"> | ||
| + | <area onclick="countTime(4); return false;" shape="circle" alt="" coords="389,249,8" href="#"> | ||
| + | <area onclick="countTime(3); return false;" shape="circle" alt="" coords="339,213,8" href="#"> | ||
| + | <area onclick="countTime(2); return false;" shape="circle" alt="" coords="253,151,8" href="#"> | ||
| + | <area onclick="countTime(1); return false;" shape="circle" alt="" coords="228,116,8" href="#"> | ||
| + | <area onclick="countTime(0); return false;" shape="circle" alt="" coords="224,41,8" href="#"> | ||
| + | <area shape="circle" alt="" coords="43,98,5" href="#" onclick="return false" title="Вокзальная (откроется в 2012 году)"> | ||
| + | <area shape="circle" alt="" coords="12,21,5" href="#" onclick="return false" title="Театральная (откроется в 2012 году)"> | ||
| + | <area shape="circle" alt="" coords="77,9,5" href="#" onclick="return false" title="Самарская (откроется в 2009 году)"> | ||
| + | <area shape="circle" alt="" coords="137,10,5" href="#" onclick="return false" title="Алабинская (откроется в 2009 году)"> | ||
| + | <area shape="circle" alt="" coords="672,408,5" href="#" onclick="return false" title="Крылья Советов (откроется в 2015 году)"> | ||
| + | <area shape="rect" coords="1,390,162,421" href="http://www.metromap.ru" target="_blank" alt="MetroMap.ru"> | ||
| + | </map> | ||
| + | <ul id="stations"> | ||
| + | <li id="st1" onclick="countTime(0)"><strong>0</strong>Российская | ||
| + | <li id="st2" onclick="countTime(1)"><strong>0</strong>Московская | ||
| + | <li id="st3" onclick="countTime(2)"><strong>0</strong>Гагаринская | ||
| + | <li id="st4" onclick="countTime(3)"><strong>0</strong>Спортивная | ||
| + | <li id="st5" onclick="countTime(4)"><strong>0</strong>Советская | ||
| + | <li id="st6" onclick="countTime(5)"><strong>0</strong>Победа | ||
| + | <li id="st7" onclick="countTime(6)"><strong>0</strong>Безымянка | ||
| + | <li id="st8" onclick="countTime(7)"><strong>0</strong>Кировская | ||
| + | <li id="st9" onclick="countTime(8)"><strong>0</strong>Юнгородок | ||
| + | </ul> | ||
| + | <p style="color: black; width: 400px; position: absolute; left: 150px; top: 450px;">Действующая | ||
| + | схема Самарского метрополитена. Для того, чтобы узнать время в | ||
| + | поездке кликните на начальную станцию. </p> | ||
| + | </div> | ||
| - | + | <script type="text/javascript"> | |
| + | //var sTimes = [135,130,140,135,114,100,145,178]; | ||
| + | var sTimes = [0, 135, 265, 405, 540, 654, 754, 899, 1077]; | ||
| + | var items = document.getElementById("stations").getElementsByTagName("LI"); | ||
| + | function countTime(from) | ||
| + | { | ||
| + | var obj, time; | ||
| + | for (var i = 0, lim = items.length; i <lim; i++) | ||
| + | { | ||
| + | obj = items[i].firstChild.firstChild; | ||
| + | time = Math.abs(sTimes[from] - sTimes[i]) + Math.abs(from - i) * 15; | ||
| + | obj.nodeValue = Math.floor(time / 60) + ":" + (time%60<10?"0":"") + time%60; | ||
| + | obj.parentNode.style.display = (i == from ? "none" : "inline"); | ||
| + | items[i].style.color = (i == from ? "" : "#999"); | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
| </body> | </body> | ||
| </html></addhtml> | </html></addhtml> | ||
Версия 14:19, 24 сентября 2008
| САМАРА: автобус • трамвай • троллейбус • метро • электрички • поезда • речные суда • самолеты • такси
|
<addhtml>
- 0Российская
- 0Московская
- 0Гагаринская
- 0Спортивная
- 0Советская
- 0Победа
- 0Безымянка
- 0Кировская
- 0Юнгородок
Действующая схема Самарского метрополитена. Для того, чтобы узнать время в поездке кликните на начальную станцию.
