örnek:
Kod:
<HTML>
<head>
<title>Biolight - menuhover+selectnone</title>
<meta http-equiv="Content-Type" content="text/HTML; charset=windows-1254" />
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-9" />
<style>
#anamenu{background-color:red;cursor:hand;position:absolute;left:0px;top:0px;}
.altmenukapat{display:none}
.altmenuac{display:block;}
</style>
</head>
<body>
<table onmouseover="menuac();" onmouseout="menukapat();" id="anamenu">
<tr>
<td>menu Göster</td>
</tr>
<tr class="altmenukapat" id="menu">
<td>menu</td>
</tr>
<tr class="altmenukapat" id="menu1">
<td>Menu2</td>
</tr>
<tr class="altmenukapat" id="menu2">
<td>Menu3</td>
</tr>
</table>
<br />
<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<br />
yazılar
<br />
<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<br />
yazılar
<br />
<select>
<option>option</option>
<option>option1</option>
<option>option2</option>
<option>option3</option>
</select>
<script>
function menuac(){
menu.className='altmenuac';
menu1.className='altmenuac';
menu2.className='altmenuac';
}
function menukapat(){
menu.className='altmenukapat';
menu1.className='altmenukapat';
menu2.className='altmenukapat';
}
</script>
</body>
</HTML>
@Firan Zal'honan yukarıdaki örnek
http://www.mobilaktif.com/ozan/menuleralttakalinca.gif deki gibi problemli gözükecektir
benim önerim ise yukarıdaki scriptte alttaki gibi değişiklik
örnek.js
Kod:
<script>
function menuac(){
selectgizle();
menu.className='altmenuac';
menu1.className='altmenuac';
menu2.className='altmenuac';
}
function menukapat(){
selectgoster();
menu.className='altmenukapat';
menu1.className='altmenukapat';
menu2.className='altmenukapat';
}
function selectgizle() {
var selectler=document.all.tags("select");
for (i=0; i<selectler.length; i++) {selectler[i].style.visibility="hidden";}
}
function selectgoster() {
var selectler=document.all.tags("select");
for (i=0; i<selectler.length; i++) {selectler[i].style.visibility="";}
}
</script>
kolay gelsin.