Duyuru kodu:
"Kapan" butonu ekleme |
5 Mesajlar | 1.307 Okunma | ||
- Üyelik 15.06.2011
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 1872
- Beğeniler 188 / 361
- Ticaret 15, (%100)
Arkadaşlar siteme bir duyuru bölümü ekledim ama isteyen kullanıcının bunu kapatabilmesini istiyorum yani sağ üstte bir 'X' butonu olacak nasıl yapabilirim site: www.iyisimi.org
Duyuru kodu:
Duyuru kodu:
- Üyelik 14.04.2012
- Yaş/Cinsiyet 32 / E
- Meslek .
- Konum Tokat
- Ad Soyad ** **
- Mesajlar 146
- Beğeniler 6 / 24
- Ticaret 0, (%0)
Bunu en kolay jQuery ile yapabilirsin, slideToggle fonksiyonu ile :)
Hayat devam ediyor..
- Üyelik 15.06.2011
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 1872
- Beğeniler 188 / 361
- Ticaret 15, (%100)
Bu ugulamayı anlatır mısın?
- Üyelik 06.01.2012
- Yaş/Cinsiyet 2024 / E
- Meslek internet
- Konum
- Ad Soyad ** **
- Mesajlar 260
- Beğeniler 21 / 57
- Ticaret 2, (%100)
Js:
Css:
HTML:
Demo
//CLOSING POPUP
//Click the x event!
$("#popupClose").click(function(){
disablePopup();
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});
});
Css:
#popup{
display:block;
position:relative;
width:540px;
background-color: rgb(16, 16, 16);
background-color: rgba(16, 16, 16, 0.8);
z-index:2000;
padding:3px 16px 3px 2px;
margin-top:155px;
margin-left:0px;
overflow:hidden;
}
#popup:hover{
background-color: rgb(231, 55, 33);
background-color: rgba(231, 55, 33, 0.8);
}
#popupClose{
font-size:14px;
line-height:14px;
right:8px;
top:4px;
position:absolute;
color:#fff;
display:block;
cursor:pointer;
}
HTML:
x
Lorem ipsul Sed metus ante, bibendum utimus tempor vela, cursus sit amet nulla. Aenean netum solio velit, pellentesque quis nibh diams, mattis nibh seqi porro quisquam est qui dolorem ipsum tell qui dolor sit amet, consectetur, adipisci velit.
Demo
- Üyelik 15.06.2011
- Yaş/Cinsiyet 26 / E
- Meslek Öğrenci
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 1872
- Beğeniler 188 / 361
- Ticaret 15, (%100)
Js:
Css:
HTML:
Demo
//CLOSING POPUP
//Click the x event!
$("#popupClose").click(function(){
disablePopup();
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
}
});
});
Css:
#popup{
display:block;
position:relative;
width:540px;
background-color: rgb(16, 16, 16);
background-color: rgba(16, 16, 16, 0.8);
z-index:2000;
padding:3px 16px 3px 2px;
margin-top:155px;
margin-left:0px;
overflow:hidden;
}
#popup:hover{
background-color: rgb(231, 55, 33);
background-color: rgba(231, 55, 33, 0.8);
}
#popupClose{
font-size:14px;
line-height:14px;
right:8px;
top:4px;
position:absolute;
color:#fff;
display:block;
cursor:pointer;
}
HTML:
x
Lorem ipsul Sed metus ante, bibendum utimus tempor vela, cursus sit amet nulla. Aenean netum solio velit, pellentesque quis nibh diams, mattis nibh seqi porro quisquam est qui dolorem ipsum tell qui dolor sit amet, consectetur, adipisci velit.
Demo
Sizinkisi tam istediğim gibiymiş ama Sinan Abinin http://wmaraci.com/forum/javascript-jquery-ajax/jquery-slidetoggle-ozelligi-15650.html bu yazısından işimi halletdim. :)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)