Mam to a
i nie wiem, że muszę wstawić do „onmouseover”, aby kursor zmienił się w wskaźnik palca jak zwykły link:
<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>
Przeczytałem gdzieś, co muszę umieścić:
onmouseover="cursor: hand (a pointing hand)"
Ale to nie działa dla mnie.
Ponadto nie jestem pewien, czy jest to uważane za JavaScript, CSS, czy zwykły HTML.
html
css
mouseevent
Dvir Levy
źródło
źródło
Odpowiedzi:
To jest css.
Lub w arkuszu stylów:
źródło
onmouseover
jeśli nie mahref
definicji. Jeśli, tak jak standardowy kotwicy, nie jesthref
definicji,onmouseover
nie jest konieczne.mouseover=""
istyle="cursor: pointer;"
pozostawclass="menu_links"
to zadziała! niezależnie od tego, czyhref
tam jest, czy nie.mouseover
wydarzenia. patrz mój poprzedni komentarz do DnfDMożesz to zrobić w CSS:
Jest to w rzeczywistości domyślne zachowanie linków. Musisz go w jakiś sposób przesłonić w innym miejscu w CSS, lub nie ma tam żadnego
href
atrybutu (brakuje go w twoim przykładzie).źródło
href="#"
lub po prostu użyj CSS, jak ci pokazałem ...Lubię używać tego, jeśli mam tylko jeden link na stronie:
źródło
w css napisz
źródło
Oto coś fajnego, jeśli chcesz zrobić z tego jeszcze więcej. w adresie URL możesz użyć linku lub zapisać obraz png i użyć ścieżki. na przykład:
url („asset / imgs / theGoods.png”);
poniżej znajduje się kod:
Będzie to działało tylko w rozmiarze 128 X 128, większym i obraz nie będzie ładowany. Ale możesz praktycznie użyć dowolnego obrazu! Można to uznać za czysty css3 i trochę html. wszystko co musisz zrobić w HTML to
i tylko w tym divu kursor się pokaże. Zwykle więc dodaję go do tagu body.
źródło
Myślę, że powyższa „najlepsza odpowiedź”, choć dokładna programowo, w rzeczywistości nie odpowiada na postawione pytanie. pytanie dotyczy sposobu zmiany wskaźnika w przypadku najechania kursorem myszy. Widzę posty o tym, że gdzieś błąd może nie odpowiadać na pytanie. W zaakceptowanej odpowiedzi zdarzenie najechania myszą jest puste (
onmouseover=""
), a zamiast tego uwzględniona jest opcja stylu. Zaskakujące, dlaczego tak się stało.Link do pytającego może nie być niczym złym. rozważ następujący HTML:
Kiedy mysz użytkownika znajdzie się nad tym linkiem, wskaźnik nie zmieni się w dłoń ... zamiast tego wskaźnik będzie się zachowywał tak, jakby unosił się nad zwykłym tekstem. Ktoś może tego nie chcieć ... dlatego wskaźnik myszy wymaga zmiany.
poszukiwana odpowiedź jest następująca (która została zamieszczona przez inną osobę):
Jest to jednak ... koszmar, jeśli masz ich dużo lub używasz tego rodzaju rzeczy w dowolnym miejscu i postanawiasz coś zmienić lub wpaść w błąd. lepiej zrobić dla niego klasę CSS:
następnie:
istnieje wiele innych sposobów, które byłyby prawdopodobnie lepsze niż ta metoda. DIV , BUTTON , IMG itp. Mogą okazać się bardziej przydatne.
<a>...</a>
Jednak nie widzę żadnej szkody w korzystaniu .jarett.
źródło
Dodaj
href
atrybut, aby uczynić go prawidłowym łączem ireturn false;
w module obsługi zdarzeń, aby uniemożliwić nawigację;(Lub spraw, aby
displayData()
return false i..="return displayData(..
)źródło
Rozwiązanie za pomocą czystego CSS, jak wspomniano w odpowiedzi oznaczonej jako najlepsze, nie jest odpowiednie dla tej sytuacji.
Przykład w tym temacie nie ma normalnego statycznego atrybutu href, wywołuje tylko JS, więc nie zrobi nic bez JS.
Warto więc włączać wskaźnik tylko w JS. Więc rozwiązanie
jak wspomniano powyżej (ale nie mogę tego skomentować) jest najlepszy w tym przypadku. (Ale tak, ogólnie rzecz biorąc, w przypadku zwykłych łączy niewymagających JS lepiej jest pracować z czystym CSS bez JS.)
źródło
źródło