Hemen Kayıt Ol , Soru sor ? - Cevap ver !
Kayıt Ol Giriş Yap

Konuyu Okuyanlar: 1 Ziyaretçi


 
Konuyu Oyla:

Javascript ile Basit Popup Yapımı


12-01-2017, Saat: 23:01,
Yorum: #1

width=200 height=200

Javascript ile Basit Popup Yapımı
Popup bir çoğunuzun bildiği gibi websitelerin de sıkça rastladığımız açılır pencerelerdir.Ne işe yarar açılır pencereler.Genel de bir siteye girdiğiniz de anasayfada çıkan bu popuplar ağırlıklı olarak tanıtım da kullanılır.Eğer bir ürün satışı yapan siteniz varsa yeni bir kampanya oluşturdunuz bunu ziyaretçilerinizin farketmesi için anasayfada gösterebilirsiniz.Yada son zamanlarda sıkça rastladığımız sosyal medya hesaplarının tanıtımında yada iletişim formlarının açılır pencere şeklinde olmasını sağlayabiliriz.

Genel de popup(açılır pencereler) jquery kütüphanesi ile oluşturuluyor.Fakat ben bu yazıda jquery kullanmadan sadece javascript işinize yarayacak basit bir popup yapacağım.

İlk örnekte bir buton yardımı ile açılır pencereye ulaşacağız.İkinci örnekte ise daha çok ana sayfalarda kullanılan site açılışında ortaya çıkan popup oluşturacağız.Kolay gelsin.

<div id="popup" class="popup-stil">
       <div class="popupWrapper">
           <div class="popup-container">
               
               <a href="javascript:void()" onclick="popup_close('popup');" class="btn-close">x</a>
               <h3>Merhaba</h3>
               <p>Konuyu Buraya Yazın.</p>
               <img src="http://lorempixel.com/500/300/food">
               <div class="close">
                   <a href="javascript:void()" onclick="popup_play('popup');" class="btn">Close</a>
               </div><!-- close -->
               
           </div><!--popupContainer son -->
       </div><!-- popupWrapper son -->
   </div><!-- popup-stil son -->





Forum Bilgileri İletişim Bilgileri
Türkçe Çeviri: MyBBGrup
Forum Yazılımı: MyBB, © 2002-2013 MyBB Group.


Mail : forumaramaktayim @ gmail.com