Fareyi bir divfare imlecinin üzerine getirirsem , HTML çapasında olduğu gibi imleç olarak değişecektir.
Bunu nasıl yapabilirim? Javascript'e ihtiyacım var mı yoksa sadece CSS ile mümkün mü?
Fareyi bir divfare imlecinin üzerine getirirsem , HTML çapasında olduğu gibi imleç olarak değişecektir.
Bunu nasıl yapabilirim? Javascript'e ihtiyacım var mı yoksa sadece CSS ile mümkün mü?
Yanıtlar:
Senin varsayarsak divbir vardır id="myDiv", sizin CSS aşağıdakileri ekleyin. cursor: pointerİmleç çapalar (köprüler) için kullanılmasıdır aynı el simgesi olması gerektiğini belirtir:
Eklenecek CSS
#myDiv
{
cursor: pointer;
}
İmleç stilini kendi divHTML kodunuza şu şekilde ekleyebilirsiniz :
<div style="cursor: pointer">
</div>
DÜZENLE:
Bunun için jQuery kullanmaya kararlıysanız, aşağıdaki satırı sizin $(document).ready()veya bedeninize ekleyin onload: ( myClasstümünün divpaylaştığı sınıfla değiştirin )
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"kendi divHTML kodunuza eklemek . Cevabımı bir örnekle düzenleyeceğim.
Bunu CSS yerine jQuery'de yapmak istiyorsanız, temelde aynı süreci takip edersiniz.
Bazılarına sahip olduğunuzu varsayarsak <div id="target"></div>, aşağıdaki kodu kullanabilirsiniz:
$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
ve bunu yapmalı.
divise sadece fare üzerine geldiğinde görünür. İmleç o anda zaten görünmeyeceğinden, kullanıcı fareyle üzerine geldiğinde onu kaldırmak için bir neden yoktur.