[]
HTML- Web Tasarım işinden anlayanlar
Merhaba sanırım yanlış kelimeleri kullandığım için aradığımı bulamadım birde burdan deneyeyim dedim.Şimdi html'de istediğim şey şu
elma>
kalem>
silgi>
gibi bir şey elmanın üzerine tıkladığımda alt menü açılacak işte sarı elma kırmızı elma falan olacak.ama tıkladığımda açılmasını istiyorum böyle birşeyi nasıl yapabiliriz acaba?Teşekkür ediyorum şimdiden.
elma>
kalem>
silgi>
gibi bir şey elmanın üzerine tıkladığımda alt menü açılacak işte sarı elma kırmızı elma falan olacak.ama tıkladığımda açılmasını istiyorum böyle birşeyi nasıl yapabiliriz acaba?Teşekkür ediyorum şimdiden.
jquery olarak arattırırsan google da bir çok örnek bulabilirsin.
- htrd666
(15.01.11 22:25:55)
Bir bakayım teşekkürler. Tam keyword nedir acaba açılabilen menümü denir ne denir?
- offday
(15.01.11 22:31:29)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org">
<html xmlns="www.w3.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="code.jquery.com"></script>
<style type="text/css">
.alt {
background:#00CC00;
color:#fff;
display:none;
width:10%;
}
.main
{
background:#006600;
color:#fff;
width:10%;
border:thin;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<div id="main_1" class="main" onclick="ac_kapa('1')">elma</div>
<div id="alt_1" class="alt">
kırmızı elma
<br />
sarı elma
</div>
<div id="main_2" class="main" onclick="ac_kapa('2')">kalem</div>
<div id="alt_2" class="alt">
kırmızı kalem
<br />
sarı kalem
</div>
<div id="main_3" class="main" onclick="ac_kapa('3')">silgi</div>
<div id="alt_3" class="alt">
kırmızı silgi
<br />
sarı silgi
</div>
<script type="text/javascript">
function ac_kapa(id)
{
if ($('#alt_'+ id).css('display') == "none")
$('#alt_'+ id).show('slow', function() {
// Animation complete.
});
else
$('#alt_'+ id).hide('slow', function() {
// Animation complete.
});
}
</script>
</body>
</html>
<html xmlns="www.w3.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="code.jquery.com"></script>
<style type="text/css">
.alt {
background:#00CC00;
color:#fff;
display:none;
width:10%;
}
.main
{
background:#006600;
color:#fff;
width:10%;
border:thin;
}
</style>
<title>Untitled Document</title>
</head>
<body>
<div id="main_1" class="main" onclick="ac_kapa('1')">elma</div>
<div id="alt_1" class="alt">
kırmızı elma
<br />
sarı elma
</div>
<div id="main_2" class="main" onclick="ac_kapa('2')">kalem</div>
<div id="alt_2" class="alt">
kırmızı kalem
<br />
sarı kalem
</div>
<div id="main_3" class="main" onclick="ac_kapa('3')">silgi</div>
<div id="alt_3" class="alt">
kırmızı silgi
<br />
sarı silgi
</div>
<script type="text/javascript">
function ac_kapa(id)
{
if ($('#alt_'+ id).css('display') == "none")
$('#alt_'+ id).show('slow', function() {
// Animation complete.
});
else
$('#alt_'+ id).hide('slow', function() {
// Animation complete.
});
}
</script>
</body>
</html>
- ocanal (15.01.11 22:40:04)
Çok teşekkürler.
- offday (15.01.11 22:48:14)
1
