Fareyi bir div
fare 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 div
fare 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 div
bir 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 div
HTML 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
: ( myClass
tümünün div
paylaştığı sınıfla değiştirin )
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"
kendi div
HTML 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ı.
div
ise 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.