kapanır duyuru kutucuğu
Kod: <link href="http://img41.xooimage.com/files/4/c/f/288cc5f.css" media="screen" rel="stylesheet" type="text/css" /> <script src="http://www.psdup.com/demo/bilgilendirme/js/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.ku').click(function() { $('#uyari').fadeTo('slow', 0); $(this).slideUp(0); }); $('.kh').click(function() { $('#hata').fadeTo('slow', 0); $(this).slideUp(0); }); $('.kb').click(function() { $('#basarili').fadeTo('slow', 0); $(this).slideUp(0); }); }); </script> <div id="uyari"><span class="kapat ku">X</span> <h4>Uyarı Mesaj Başlığı</h4> <p>Merhaba. Ben bir uyarı mesajıyım.</p> </div> <div id="hata"><span class="kapat kh">X</span> <h4>Hata Mesaj Başlığı</h4> <p>Hata. bu mesajı görüyorsanız birşeyler ters gidiyor.</p> </div> <div id="basarili"><span class="kapat kb">X</span> <h4>Başarılı Mesaj Başlığı</h4> <p>Merhaba. Ben bir uyarı mesajıyım.</p> </div> |