şurda 2. yorumdaki şeyi yapıyorum olmuyo taktik?
http://stackoverflow.com/questions/30074246/how-to-create-ripple-effect-on-click-material-design
Buton üzerine damla efekti yapamıyorum |
7 Mesajlar | 788 Okunma | ||
- Ü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)
- Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3510
- Beğeniler 488 / 1190
- Ticaret 1, (%100)
JQery kütüp hanesini sayfaya çağırıyormusun bölmünde?
Örnek:
Örnek:
<script></script> 
- Üyelik 18.11.2011
- Yaş/Cinsiyet 34 / E
- Meslek Web Developer
- Konum İstanbul Avrupa
- Ad Soyad B** Ç**
- Mesajlar 3270
- Beğeniler 1014 / 1983
- Ticaret 53, (%100)
- Ü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)
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 
- Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3510
- 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>
- Ü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
- Üyelik 25.07.2014
- Yaş/Cinsiyet 30 / E
- Meslek Elektrik Teknisyeni
- Konum Fransa
- Ad Soyad C** E**
- Mesajlar 3510
- 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>
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)