- Katılım
- 4 Kas 2014
- Mesajlar
- 47,891
- Reaksiyon puanı
- 13,497
- Puanları
- 195
Sitenizde uygun gördüğünüz bir yerinde kullanabileceğiniz hoş bir duyuru panosu. Altta örneğini görebilirsiniz.
[flash=640,408]http://fs1.directupload.net/images/150108/kk3l4bhj.swf[/flash]
[flash=640,408]http://fs1.directupload.net/images/150108/kk3l4bhj.swf[/flash]
Kod:
<SCRIPT type="text/javascript" src="http://code.jquery.com/jquery-git.js"></SCRIPT>
<style type="text/css">
body, input{font-family: Calibri, Arial;}
#contentt {text-align:left;position:relative;background-color:#330000;width:170px;height:40px;padding:3px;margin-top:5px;overflow:hidden;padding:8px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
#resett{display:none;}
</style>
<div id="contentt"><a style="text-align:right;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;font-family:Calibri, Arial;font-size:17px;font-weight:bold;color:#e5e5e5;float:left;"> Duyuru! </a><input style="float:right;" id="animate" type="button" value="Oku">
<input style="float:left;" id="resett" type="button" value="Kapat">
<div style="display:none;"id="duyuru35"><a style="text-align:left;font-family:Calibri, Arial;font-size:16px;font-weight:bold;color:#e5e5e5;float:left;margin:0px;padding:0px;background-color:transparent;border:none;text-decoration:none;">
Hoş Geldiniz!
Radyomuz siz kıymetli dostlarımıza Müzik keyfini yaşatmak için
En iyi dj'lerimiz ile birlikde gayret göstermektedir.
Keyifli dinlemler dileriz..
</div></div>
<script type="text/javascript">
$("#animate").click(function() {
$("#contentt")
.animate({"width": "520px"}, 520)
.animate({"height": "210px"}, 520);
document.getElementById('resett').style.display='block';
document.getElementById('animate').style.display='none';
document.getElementById('duyuru35').style.display='block';
});
$("#resett").click(function() {
$("#contentt")
.animate({"height": "40px"}, 520)
.animate({"width": "170px"}, 520);
document.getElementById('duyuru35').style.display='none';
document.getElementById('animate').style.display='block';
document.getElementById('resett').style.display='none';
});
</script>