Arkadaşlar Merhaba, Twitter, facebook, ekşi sözlük, google gibi sitelerde sıklıkla karşılaştığımız;
fareyi divin içerisine getirdiğimiz anda
Twitter'da: "Yanıtla Retweetle Favorilere Ekle" gibi linkler ortaya çıkıyor
Facebookda yorum yapılan bir divin içine fareyi getirdiğimizde: "Sil" anlamına gelen çarpı işarete çıkıyor. veya örneğin kapak resmini değiştirmek için fareyi kapak resminin üstüne getirdiğimizde "Kapağı Değiştir" diye link ortaya çıkıyor.
Bunun nasıl yapıldığını bilen var mı acaba
Mause üzerine gelince ortaya çıkan linkler |
7 Mesajlar | 6.601 Okunma | ||
- Üyelik 13.04.2012
- Yaş/Cinsiyet 39 / E
- Meslek Grafik Tasarım
- Konum İstanbul Avrupa
- Ad Soyad ** **
- Mesajlar 237
- Beğeniler 77 / 43
- Ticaret 7, (%100)
- Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
http://api.jquery.com/category/events/mouse-events/
burayı inceleyebilirsin şuan vaktim yok bi örnek hazırlamak için ama en kullanışlı olan senin için mouseenter ve leave gibi gözüküyor :)
burayı inceleyebilirsin şuan vaktim yok bi örnek hazırlamak için ama en kullanışlı olan senin için mouseenter ve leave gibi gözüküyor :)
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
- Üyelik 13.04.2012
- Yaş/Cinsiyet 39 / E
- Meslek Grafik Tasarım
- Konum İstanbul Avrupa
- Ad Soyad ** **
- Mesajlar 237
- Beğeniler 77 / 43
- Ticaret 7, (%100)
Sayın oerdem galiba veridğiniz link çözüme ulaştırır ancak onlarda sayaç var baya bi karıştırdım :S Dikkatimi çekti ayrıca burda da sizin yazdığınız söze mause'u getirince sağ tarafta "Beğen" sekmesi çıkıyor. Tam olarak yapmak istediğim bu. Çok sağolun, teşekkür ederim genede
- Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
sayacı boş ver üzerine gelince değişen yazı kısmını gösterilecek divi yazacaksın kodları inceleyecek olursak
yani fare girecek olan alan facebok resmi yazması gereken yere sağtaraftaki gizlediğiniz beğen kısmını göstermek eğer isterseniz kodları verin ben düzenleyeyim boş vaktimde
<script>
// Buradannnnn ---
var i = 0;
$("div.overout").mouseover(function(){
$("p:first",this).text("mouse over");
$("p:last",this).text(++i);
}).mouseout(function(){
$("p:first",this).text("mouse out");
});
// Buraya senin için kullanışlı değil aşağıyı inceleyelim
var n = 0; // Sayaç başlangıç sayısı
$("div.enterleave").mouseenter(function(){ // Fare o alana girerse fonksiyonu çalıştır
$("p:first",this).text("mouse enter"); // Girince Mouse enter yaz
$("p:last",this).text(++n); // Sayıyı 1 arttır
}).mouseleave(function(){ //Eğer aynı alandan fare çıkarsa
$("p:first",this).text("mouse leave"); // mouse leave yaz
});
</script>
yani fare girecek olan alan facebok resmi yazması gereken yere sağtaraftaki gizlediğiniz beğen kısmını göstermek eğer isterseniz kodları verin ben düzenleyeyim boş vaktimde
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
- Üyelik 13.04.2012
- Yaş/Cinsiyet 39 / E
- Meslek Grafik Tasarım
- Konum İstanbul Avrupa
- Ad Soyad ** **
- Mesajlar 237
- Beğeniler 77 / 43
- Ticaret 7, (%100)
Teşekkürler oerdem, hemen deniycem
Ek Olarak:
oerdem saygılar verdiğin kodları verdiğin linkle birlikte inceledim ve aşağıdaki şekile getirdim. İstediğim sonuca ulaşabilmem için yardımlarını bekliyorum.
-Linki elde edemedim
-Ve beğen linki yazının hemen sonuna geliyor, normalde burdaki gibi sağ alt tarafta gözükse olmaz mı
Untitled Document
<script></script>
<script>
$("div.enterleave").mouseenter(function() {
$(this).find("span").text( "Beğen" );
}).mouseleave(function() {
$(this).find("span").text("");
});
</script>
Ek Olarak:
sayacı boş ver üzerine gelince değişen yazı kısmını gösterilecek divi yazacaksın kodları inceleyecek olursak
yani fare girecek olan alan facebok resmi yazması gereken yere sağtaraftaki gizlediğiniz beğen kısmını göstermek eğer isterseniz kodları verin ben düzenleyeyim boş vaktimde
yani fare girecek olan alan facebok resmi yazması gereken yere sağtaraftaki gizlediğiniz beğen kısmını göstermek eğer isterseniz kodları verin ben düzenleyeyim boş vaktimde
oerdem saygılar verdiğin kodları verdiğin linkle birlikte inceledim ve aşağıdaki şekile getirdim. İstediğim sonuca ulaşabilmem için yardımlarını bekliyorum.
-Linki elde edemedim
-Ve beğen linki yazının hemen sonuna geliyor, normalde burdaki gibi sağ alt tarafta gözükse olmaz mı
<script></script>
Yazı yazı yazı yazı yazı
<script>
$("div.enterleave").mouseenter(function() {
$(this).find("span").text( "Beğen" );
}).mouseleave(function() {
$(this).find("span").text("");
});
</script>
- Üyelik 11.05.2012
- Yaş/Cinsiyet 29 / E
- Meslek Öğrenci, Web Master
- Konum
- Ad Soyad ** **
- Mesajlar 48
- Beğeniler 4 / 11
- Ticaret 0, (%0)
Untitled Document
<script></script>
Yazı yazı yazı yazı yazı
<script>
$("div.enterleave").mouseenter(function() {
$(".begen").removeClass("display") ;
$(".begen").html( "Beğen" );
}).mouseleave(function() {
$(".begen").addClass("display") ;
});
</script>
bu mu ?
Yapacağım şey text olarak yazdırmak değil html olarak yazdırmak ve begen diye bi div atıp o divin içine yazdırmak o divi sağ alta gelecek şekilde css yazmak ayrıca bi görünüp bi görünmemesi için bi display none parametreli bi class oluşturup css le o dive geldiğinde display none olan classı sildirmek böylece görünecek mause gittiğinde tekrar o display none aktif olacak
İletişim: OsmanErdem@mail.com.tr (MSN+Facebook+Twitter+mail)
- Üyelik 13.04.2012
- Yaş/Cinsiyet 39 / E
- Meslek Grafik Tasarım
- Konum İstanbul Avrupa
- Ad Soyad ** **
- Mesajlar 237
- Beğeniler 77 / 43
- Ticaret 7, (%100)
Büyüksün oerdem, budur abi olay ellerine sağlık, şimdi ben bunu bakalım uyarlayabilcekmiyim :) çok sağolasın, tekrar teşekkürler
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)