Şifremi/Kullanıcı Adımı Unuttum
Bağlan Google+ ile Bağlan Facebook ile Bağlan
Şimdi Ara

js ile nasıl hover yaparım ?

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
1 Misafir Kullanıcı
19
Cevap
0
Favori
384
Tıklama
Cevapla
Tüm Forumlar >> Web Tasarım - Programlama >> Yazılım Geliştirme >> Java >> js ile nasıl hover yaparım ?
Sayfaya Git:
Sayfa:
1
Giriş
Mesaj
  • Yarbay
    3836 Mesaj
    aşağıda resim için buldum ama bunun aynısnın yazılar için yapanını bulamadım

    <img src="logo.gif" onmousemove="this.src='loader.gif'" onmouseout="this.src='logo.gif'" />


    111 yazcak üstüne gelince 22222 yazcak üstünden çıkınca yine 11111 olcak tıklayınca zaten belirli linke gidicek ?



    |
    |
    _____________________________
  • Yarbay
    3836 Mesaj
    yardım lütfen
    |
    |
    _____________________________
  • Yüzbaşı
    959 Mesaj
    if on mouse = 1
    xxxx
    else
    xxxx

    Yapamaz misin

    (Bilgim yok ,fikir vermek icin yazdim)



    < Bu ileti mini sürüm kullanılarak atıldı >
    _____________________________
  • Yarbay
    3836 Mesaj
    quote:

    Orijinalden alıntı: mrgll

    if on mouse = 1
    xxxx
    else
    xxxx

    Yapamaz misin

    (Bilgim yok ,fikir vermek icin yazdim)

    Denedim bişeyler ama beceremedim eğer aşağıdaki kodu bana resim için değil yazı için olanını teslim eden olrusa çok sevinirim

    <img src="logo.gif" onmousemove="this.src='loader.gif'" onmouseout="this.src='logo.gif'" />
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Bunun çözümü nü biliyorum ama önce sen jquery i bilirmisin ona göre cözum üretecem de ?



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yarbay
    3836 Mesaj
    abi acıkcası hiçbirini bilmiomki zaten :)

    bana veriolar kod bende ekliom
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Tmm o zaman sana kodları atıyorum ama ne yapmak istediğini anlamadım?
    |
    |
    _____________________________
  • Yarbay
    2196 Mesaj
    1 ay geçmiş hortlatmışlar konuyu ama hala çözemediysen yazayım kodlarını. Jquery ile basit bir şekilde .hover() yada .mouseenter() - .mouseleave() komutları ile yapabilirsin.
    _____________________________
  • Yarbay
    3836 Mesaj
    quote:

    Orijinalden alıntı: NoN3

    1 ay geçmiş hortlatmışlar konuyu ama hala çözemediysen yazayım kodlarını. Jquery ile basit bir şekilde .hover() yada .mouseenter() - .mouseleave() komutları ile yapabilirsin.

    çok sevinirim arkadaslar..üstüne gelince hover falan işte şık ne varsa lütfen :) cünkü ben html içi calısıyorum extra css kullanmıyorum.
    direk linke vermek istiyorum html içinde.

    herşey oluyor bi tek hoverlar falan olmuyomus ancak js gerekiomus.
    ben amatorum anlamam bana örnek olarak bi tane hoverli üstüne gelince değişsin üstünden geidince eski halini alsın yada değişik efekt olabilir.


    ben sadece linklerimi üstüne gelince şık olsun ustunden gidincede eskiye dönsün istiyorum.

    yani size bırakabilirim üstüne gelince ne olacağını sadece üstünden gidince eskisi gibi olsun.değeişik efektered çok isterdim tabi oynayabilrzıplaya bilir parlayabilir parlasa iyiydi :) parlama diye bişe varmı bilmiyorum
    _____________________________




  • Yarbay
    2196 Mesaj

    <span><</span>script<span>></span> 
    $(document).ready(function() {
    var mEnterIMG = ''loader.gif';
    var mLeaveIMG = 'logo.gif';

    $( "#hover" ).hover(function(){
    $(this).attr("src", mEnterIMG);
    }, function(){
    $(this).attr("src", mLeaveIMG);
    });
    });
    <span><</span>/script<span>></span>

    <span><</span>img src="images/logo.png" id="hover" /<span>></span>


    Bu şekilde değiştrebilirsin mEnterIMG resmin üzerindeyken mLeaveIMG ise mouse resmin üzerinden ayrılınca gelecek resimlerdir. Ancak bunu kullanman için <head></head> arasına

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>

    Bunu yazman gerekmektedir.
    |
    |
    virtualdjcubase kullanıcısının, bahsedilen mesajını gör
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Sorun çözülmüstür heralde arkadaş göndermiş saolsun ...



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Başka sorunlar olursa beklerim buna cevap vermedim çünkü girince başkaları yardımcı olmuş ... :)



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yarbay
    3836 Mesaj
    quote:

    Orijinalden alıntı: NoN3

    <span><</span>script<span>></span> 
    $(document).ready(function() {
    var mEnterIMG = ''loader.gif';
    var mLeaveIMG = 'logo.gif';

    $( "#hover" ).hover(function(){
    $(this).attr("src", mEnterIMG);
    }, function(){
    $(this).attr("src", mLeaveIMG);
    });
    });
    <span><</span>/script<span>></span>

    <span><</span>img src="images/logo.png" id="hover" /<span>></span>


    Bu şekilde değiştrebilirsin mEnterIMG resmin üzerindeyken mLeaveIMG ise mouse resmin üzerinden ayrılınca gelecek resimlerdir. Ancak bunu kullanman için <head></head> arasına

    <script src="//code.jquery.com/jquery-1.10.2.js"></script>

    Bunu yazman gerekmektedir.

    gerçekten çok teşekkürler fakat ben head tagları arasına değil a hreften sonra eklenebilecek bi kod arıyodum en yukardaki kod gibi.

    diğer söliceğim ise ben resim değil link'e yapmak istiyorum bu işlmei ilk mesajımda belirtmiştim detyaları çok teşekkürler
    |
    |
    _____________________________




  • Yarbay
    2196 Mesaj
    Tam anlayamadım ama anladıysam kod şu şekilde olmalı;

    <span><</span>script<span>></span> 
    $(document).ready(function() {
    var mEnterIMG = 'loader.gif';
    var mLeaveIMG = 'logo.gif';
    $("#mHover").attr("src", mLeaveIMG);

    var mEnterTEXT = '2222';
    var mLeaveTEXT = '1111';
    $("#mText").html(mLeaveTEXT);

    $( "#mHover" ).hover(function(){
    $(this).attr("src", mEnterIMG);
    $("#mText").html(mEnterTEXT);
    }, function(){
    $(this).attr("src", mLeaveIMG);
    $("#mText").html(mLeaveTEXT);
    });
    });
    <span><</span>/script<span>></span>

    <span><</span>img id="mHover" /<span>></span>
    <span><</span>div id="mText" /<span>></span> <span><</span>/div<span>></span>


    Eğer yazılara link enklemek istersen;
    var mEnterTEXT = '<a onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?url=link" data-href="link" >2222</a>';
    var mLeaveTEXT = '<a onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?url=link" data-href="link" >1111</a>';
    şeklinde ekleyebilirsin.

    En başta yazı gözükmesini istemiyorsan, bu bölümdeki;

    var mEnterTEXT = '2222';
    var mLeaveTEXT = '1111';
    $("#mText").html(mLeaveTEXT);

    Şu satırı;

    $("#mText").html(mLeaveTEXT);

    Silerek halledebilirsin.



    < Bu mesaj bu kişi tarafından değiştirildi NoN3 -- 11 Ağustos 2014; 9:13:54 >
    |
    |
    _____________________________




  • Yüzbaşı
    372 Mesaj
    Diğer arkadaşların yapmasını bekledim ama çok karışık yapmışlar şimdi sana göndereceğim iki kısımdan oluşuyor birincisi sana göndereceğim normal link etiketinibody lerin arasına yaz .
    İkincisi ise sana göndereceğim kodları head ların arasına yaz ve biter.



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Öncelikle sana bir adres verecem oraya girip dosyayı indirmelisin bu dosya jquery kütüphanesi yani yanlış anlama bu olmazsa çalışmaz o dosyayı eğer sayfa klasörüne içinde ise oraya at masaüstünde ise oraya at yani sayfanın yanında olsun



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    Adres : jquery.com/download/
    Bu adrese gir ve : Download Thé compressed production jquery 1.11.1

    Yazan linke tıkla indirme başlar



    < Bu ileti mobil sürüm kullanılarak atıldı >
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    şimdii head tagları arasına göndereceklerimi yaz :

    <script type="text/javascript" src="jquery-1.11.1.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(e) {

    $("#ornek").hover(function(e) {
    $("#ornek").html("fare üzerine gelince olusan yazıyı buraya yaz")},
    function(e){$("#ornek").html("en baştaki yazı yı buraya yaz")});

    });
    </script>

    buraya kadar olanları headların arasına yaz , şimdi yazacağımıda bodylerin arasına yaz :

    <a onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?url=#" id="ornek" data-href="#" id="ornek" >en baştaki yazı</a>

    bu üstteki satırıda bodylerin arasına yazdıysan GEÇMİŞ OLSUN .....

    o kadar BİLGİSAYAR MÜHENDİSİ adam gelip cevap yazmış karıştırmış ortalığı ama bu kod bence daha sade ve daha kullanışlı ;)
    |
    |
    _____________________________




  • Yüzbaşı
    372 Mesaj
    ama dediğim gibi o indirdiğin dosyayı sayfanın yanında tut muhtemelen bi hata yapacaksın ve hatanı tahmin ediyorum ama neyse sen yine yap hata olunca yazdığın kodların resmini bana gönder ben sana hatanı söylerim :)
    |
    |
    _____________________________
  • Yüzbaşı
    372 Mesaj
    haa bu arada yazıları zıplatıp parlatabilirim ama sen daha jquery bilmiyorsun anladığım kadarıyla onun için burdan sana söylemek zor olur yoksa parlatıp zıplatmak ta bişe deil yani sende araştırırsan bulursun :)
    |
    |
    _____________________________
HızlıCevap
Sayfaya Git:
Sayfa:
1
Reklamlar
e-ticaret
haberler
son dakika
Veri Merkezi;Metro Ethernet;Cloud Sunucu
Blogio
Bu sayfanın
Mobil sürümü
Mini Sürümü

BR4
0,297
1.2.165

Reklamlar
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.