1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
|
ZONE 1: flèche défilement vers la gauche
<div style="position: absolute; z-index: 0; overflow: auto; left: 210px; width: 30px; top: 5px; height: 30px;" id="layer1">
<script language="JavaScript">ScrollAffiche('scrollLeft','layer2');</script>
<img id="scrollLeft" height="15px" width="15px" onclick="Scroll(2,'layer2')">
</div>
ZONE 2 : Menu
<div id="layer2" style="position: absolute; height: 53px; z-index: 3; top: -2px; overflow: hidden; left: 259px; width: 679px;">
<table id="MenuH" align="center" border="0" cellpadding="5" cellspacing="3" height="15" width="80%">
<tbody>
<tr>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Alstom">Alstom</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Bova">Bova</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Evobus">Evobus</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Heuliez">Heuliez</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=IRISBUS">IRISBUS</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Iveco">Iveco</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Karosa">Karosa</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Man">Man</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Mercedes">Mercedes</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Neoplan">Neoplan</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Scania">Scania</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Setra">Setra</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Solaris">Solaris</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Temsa">Temsa</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Van%20Hool">VanHool</a></td>
<td class="menu_H" colspan="2"> <a href="correspondance.php?page=navig&constr=Volvo">Volvo</a></td>
</tr>
</tbody>
</table>
<table align="center" border="0" cellpadding="0" cellspacing="2" height="15" width="95%">
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
ZONE 3 : Flèche défilement vers la droite
<div style="position: absolute; z-index: 1; overflow: auto; left: 955px; width: 27px; top: 5px; height: 29px;" id="layer3">
<img onload="ScrollAffiche('scrollRight','layer2')" id="scrollRight" height="15px" width="15px" onclick="Scroll(1,'layer2')">
</div>
ZONE 4 : zone principale ou l'image apparait... (Remarque: je ne laisse pas l'id scrollLeft en même temps sur l'image de la zone 4 et celle de la zone 1 c'est pour montrer que c'est la même chose mais que dans un cas ça marche et l'autre a marche po..!!)
<div id="Layer4" style="border: 1px none rgb(0, 0, 0); position: absolute; width: 803px; height: 475px; z-index: 1; left: 181px; top: 58px; visibility: inherit; overflow: auto;">
<img id="scrollLeft" height="15px" width="15px" onclick="Scroll(2,'layer2')">
<script language="JavaScript">ScrollAffiche('scrollLeft','layer2')</script>
</div> |
Partager