Kayarak Açılan Duyuru Panosu Kodu V2

Binlerce sitede kullanılan ve çığır açan Kayarak Açılan Duyuru Panosu kodumuzun geliştirilmiş versiyonuyla karşınızdayız! Kod Dostu olarak sizlere özel hazırladığımız bu koda bayılacaksınız!

Geliştirmeler:
-İlk görünüm tek bir butona indirgendi. Artık butonun kendisi açılıyor.
-Artık duyuru panosu otomatik olarak bulunduğu alanın genişliğini kaplıyor.
-Sitene Ekle yazısı kaldırıldı ve yerine daha şık ve pek rahatsız etmeyen +koddostu ibaresi konuldu.
-Boy ve endeki uzamalar artık eşzamanlı. Ayrıca duyuru hoş bir çerçeve içinde görüntüleniyor.

Önizlemeyi Görmek İçin Tıklayın

<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></SCRIPT>
<div id="contentt"><a href="javascript:void(0)" id="animate">Yeni Duyuru</a><input style="float:right;" id="resett" type="button" value="Kapat"><div style="display:none;"id="duyurun"><a class="duyurunn">

Merhaba!

Bu kısma kendi duyuru yazınızı yazabilirsiniz! Ziyaretçileriniz bu duyuru panosuna bayılacak!

Evet, gerçekten çok güzel!

</a></div>

<script type="text/javascript" language="javascript">

</script></div>
<script type="text/javascript">
$("#animate").click(function() {
$("#contentt")
.animate({"width": "90%","height": "200px","border-width": "22px"}, 500);
document.getElementById('resett').style.display='block';document.getElementById('animate').style.display='none';document.getElementById('contentt').style.borderStyle='solid';document.getElementById('duyurun').style.display='block';setTimeout(function(){document.getElementById('eklesseyi').style.display='block';},500)});
$("#resett").click(function() {
$("#contentt")
.animate({"height": "16px","width": "105px","border-width": "2px"}, 500);
document.getElementById('duyurun').style.display='none';
document.getElementById('animate').style.display='block';
setTimeout(function(){document.getElementById('contentt').style.borderStyle='outset';},500)
document.getElementById('resett').style.display='none';
document.getElementById('eklesseyi').style.display='none';
});
</script>