lostyazilim
tr.link

Buton üzerine damla efekti yapamıyorum

7 Mesajlar 903 Okunma
acebozum
tr.link

enes0505 enes0505 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 28.04.2016
  • Yaş/Cinsiyet 30 / E
  • Meslek CSSci
  • Konum Aksaray
  • Ad Soyad E** K**
  • Mesajlar 53
  • Beğeniler 0 / 7
  • Ticaret 0, (%0)
şurda 2. yorumdaki şeyi yapıyorum olmuyo taktik?

http://stackoverflow.com/questions/30074246/how-to-create-ripple-effect-on-click-material-design
 

 

elektronikssl
webimgo

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)
JQery kütüp hanesini sayfaya çağırıyormusun bölmünde?

Örnek:

<script></script>
 

 

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Demo koymuşlar ama?

http://codepen.io/Ruddy/pen/09052b957d82a17bd6ca70ac6663dd6a
 

 

enes0505 enes0505 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 28.04.2016
  • Yaş/Cinsiyet 30 / E
  • Meslek CSSci
  • Konum Aksaray
  • Ad Soyad E** K**
  • Mesajlar 53
  • Beğeniler 0 / 7
  • Ticaret 0, (%0)

cihaneken adlı üyeden alıntı

JQery kütüp hanesini sayfaya çağırıyormusun bölmünde?

Örnek:


demonun aynısnı yaptımda nede hata yaoıyom bi bulamadım



<script></script>
<script>

$("div").click(function (e) {

// Remove any old one
$(".ripple").remove();

// Setup
var posX = $(this).offset().left,
posY = $(this).offset().top,
buttonWidth = $(this).width(),
buttonHeight = $(this).height();

// Add the element
$(this).prepend("");


// Make it round!
if(buttonWidth >= buttonHeight) {
buttonHeight = buttonWidth;
} else {
buttonWidth = buttonHeight;
}

// Get the center of the element
var x = e.pageX - posX - buttonWidth / 2;
var y = e.pageY - posY - buttonHeight / 2;


// Add the ripples CSS and start the animation
$(".ripple").css({
width: buttonWidth,
height: buttonHeight,
top: y + 'px',
left: x + 'px'
}).addClass("rippleEffect");
});

</script>



snneee
 

 

wmaraci
wmaraci

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)







CodePen - A Pen by Alex Rutherford






<script>
window.console = window.console || function(t) {};
</script>







Button






<script></script>

<script></script>

<script>
$('div').click(function (e) {
$('.ripple').remove();
var posX = $(this).offset().left, posY = $(this).offset().top, buttonWidth = $(this).width(), buttonHeight = $(this).height();
$(this).prepend('');
if (buttonWidth >= buttonHeight) {
buttonHeight = buttonWidth;
} else {
buttonWidth = buttonHeight;
}
var x = e.pageX - posX - buttonWidth / 2;
var y = e.pageY - posY - buttonHeight / 2;
$('.ripple').css({
width: buttonWidth,
height: buttonHeight,
top: y + 'px',
left: x + 'px'
}).addClass('rippleEffect');
});
//# sourceURL=pen.js
</script>


<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>



 

 

enes0505 enes0505 Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 28.04.2016
  • Yaş/Cinsiyet 30 / E
  • Meslek CSSci
  • Konum Aksaray
  • Ad Soyad E** K**
  • Mesajlar 53
  • Beğeniler 0 / 7
  • Ticaret 0, (%0)
oldu ama istediğim etikete nasıl ekliycem
 

 

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)
enes0505 aşağıdaki gibi dene. Ayrıca bu buton farklı amaçlar için tasarlanmış, bazı durumlarda sorun çıkarta bilir.










CodePen - A Pen by Alex Rutherford






<script>
window.console = window.console || function(t) {};
</script>







Button






<script></script>

<script></script>

<script>
$('.buton').click(function (e) {
$('.ripple').remove();
var posX = $(this).offset().left, posY = $(this).offset().top, buttonWidth = $(this).width(), buttonHeight = $(this).height();
$(this).prepend('');
if (buttonWidth >= buttonHeight) {
buttonHeight = buttonWidth;
} else {
buttonWidth = buttonHeight;
}
var x = e.pageX - posX - buttonWidth / 2;
var y = e.pageY - posY - buttonHeight / 2;
$('.ripple').css({
width: buttonWidth,
height: buttonHeight,
top: y + 'px',
left: x + 'px'
}).addClass('rippleEffect');
});
//# sourceURL=pen.js
</script>


<script>
if (document.location.search.match(/type=embed/gi)) {
window.parent.postMessage("resize", "*");
}
</script>





 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al