Witam, mam mały problem, czy wie ktoś jak zmienić kod który podam za chwilę tak, aby zamiast "menu1" na czarnym tle itd. były obrazki lub cuś?
<html>
<head>
<style type="text/css">
.iMenuTop {position:absolute; top:10px;width:100px; font:12px verdana; background-color:#000; color:#fff; cursor:pointer;}
#iMenuTop1 {left:10px;}
#iMenuTop2 {left:111px;}
#iMenuTop3 {left:212px;}
#iMenuTop4 {left:313px;}
.iMenuSub {visibility:hidden;position:absolute; top:30px;width:100px; font:12px verdana; background-color:#000; color:#fff;}
.iMenuSub a { display:block; width:100%; color:#fff; font:12px verdana; background-color:#000; text-decoration:none;}
.iMenuSub a:hover { background-color:#444; }
#iMenuSub1 {left:10px;}
#iMenuSub2 {left:111px;}
#iMenuSub3 {left:212px;}
#iMenuSub4 {left:313px;}
</style>
<script type="text/javascript">
var tMenuTop = new Array(0,0);
function fMenuTop(x){
if (tMenuTop[0] == x && tMenuTop[1] == 0){
document.getElementById('iMenuSub'+x).style.visibility = "hidden";
tMenuTop[1] = 1;
}
else {
document.getElementById('iMenuSub1').style.visibility = "hidden";
document.getElementById('iMenuSub2').style.visibility = "hidden";
document.getElementById('iMenuSub3').style.visibility = "hidden";
document.getElementById('iMenuSub4').style.visibility = "hidden";
document.getElementById('iMenuSub'+x).style.visibility = "visible";
tMenuTop[0] = x;
tMenuTop[1] = 0;
}
}
</script>
</head>
<body>
<div class="iMenuTop" id="iMenuTop1" onclick="fMenuTop(1)">Menu1</div>
<div class="iMenuTop" id="iMenuTop2" onclick="fMenuTop(2)">Menu2</div>
<div class="iMenuTop" id="iMenuTop3" onclick="fMenuTop(3)">Menu3</div>
<div class="iMenuTop" id="iMenuTop4" onclick="fMenuTop(4)">Menu4</div>
<div class="iMenuSub" id="iMenuSub1">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
<div class="iMenuSub" id="iMenuSub2">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
<div class="iMenuSub" id="iMenuSub3">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
<div class="iMenuSub" id="iMenuSub4">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
</body>
Zaloguj
Zarejestruj
FAQ
Szukaj
