Reklam

4 Eylül 2014 Perşembe

Javascript ile Div Genişletme Div Daraltma Div Yüksekliğini Ayarlama Kodları

Javascript ile Div Genişletme Div Daraltma Div Yüksekliğini Ayarlama Kodları


id si go ya ait olan , div veya span a tıklanınca menu isimli div imizi koşullu olarak genişletme daraltma yüksekliğini ayarlama ve javascript text değiştirme kodlarını sizlerle paylaşıyorum.




<div id="go" class="koseli" style="color: black;cursor: pointer;margin-top: 10px;float: left;width: 200px;height: 28px;text-align: center;padding-top: 12px;">◄ ◄ Diğer Kategoriler ► ►</div>


-----------------------------------------
<script language="javascript">

$("#go").click(function(){

var ilkdeger = 286;
var sondeger = 740;
var deger;
var alinandeger = $("#menu").height();

 if ( alinandeger == ilkdeger)
{
deger = sondeger;
document.getElementById("go").innerHTML = "▲▲▲";
} else
{
deger = ilkdeger;
document.getElementById("go").innerHTML = "◄ ◄ Diğer Kategoriler ► ►";
}

$("#menu").animate({
    height: deger,
  }, 1500 );

});
</script>
---------------------------------------------

Hiç yorum yok:

Yorum Gönderme