czy jest szansa na wykonanie funkcji js onclick, że jeśli ktoś kliknie na tę ikonę automatycznie pojawi się tekst tytułu, lub po prostu gdy ktoś przesunie na nią mysz, tytuł zostanie wyświetlony bez żadnego opóźnienie? W tej chwili tytuł elementu pojawia się po 1 sek.Wyskakujące tytuły automatycznie bez opóźnień
7
A
Odpowiedz
3
Nie można zastąpić domyślnego zachowania przeglądarki polegającego na wyświetlaniu podpowiedzi zawierających tekst atrybutu title
, ale można wykonać kroki z tego drugiego pytania, aby pokazać i ukryć div
zawierający odpowiedni tekst (podejście używa jQuery i zajmuje się najechaniem, ale dodanie obsługi click
nie jest zbyt dużym rozciągnięciem).
jQuery Hide/Show with Slide on Hover... better way to do this?
14
można spróbować tego, czystym CSS, bez JS:
HTML:
<div class="hover">
Hover Me
<div class="tooltip">
Tooltip goes here
</div>
</div>
CSS:
.hover{
border:1px solid black;
text-align:center;
width:150px;
position:relative;
}
.tooltip{
display:none;
position:absolute;
border:1px solid red;
border-radius: 5px;
padding:5px;
top:-10px;
left:200px;
width: 300px;
}
.hover:hover .tooltip{
display:block;
}
9
I just answered the same question
Będziesz musiał stworzyć własną etykietkę. Nie trzeba JavaScript, CSS jest wystarczająco czysta:
.tooltip {
display: none;
position: absolute;
background: #ffe;
border: 1px solid #eed;
border-radius: 4px;
padding: 2px 4px;
}
:hover + .tooltip {
display: block;
}
body { font-family: sans-serif; }
<div>Hover for tooltip</div>
<span class="tooltip">Tooltip text goes here</span>
Powiązane problemy
- 1. Odtwarzanie efektów dźwiękowych bez opóźnień w Objective-C
- 2. Jak obliczyć czas przetwarzania żądań HTTP bez opóźnień sieci?
- 3. Obsługa wielu języków bez opóźnień w systemie Android TTS
- 4. Jak wyświetlać wyskakujące wiadomości bez kontekstu
- 5. UIPickerView pokazuje złe tytuły
- 6. jquery wiele opóźnień w tym
- 7. Wyskakujące modalne wyskakujące okienko w kanciastym js
- 8. Fluent Bindings i UIButton tytuły
- 9. Wyświetl elementy i tytuły ListView
- 10. Zmiana tytuły osi dla autoplot
- 11. HTML5 tytuły utworów nie wykazujące
- 12. Ukryj tytuły osi w Seaborn
- 13. Jak tworzyć wyskakujące okienka wyskakujące w Railsach 3.1
- 14. Stosowanie łagodzenia opóźnień setTimeout w pętli
- 15. Zrób zdjęcie automatycznie bez interakcji użytkownika
- 16. Cicha Instalator Windows Instalator bez restartu automatycznie
- 17. Python: Okno wyskakujące PyQt
- 18. Menu wyskakujące z Androidem
- 19. Niewidoczne otwarte okienko wyskakujące
- 20. Okno wyskakujące, środkowy ekran
- 21. Dynamiczne tytuły stron w Symfony 1.4
- 22. Do czego są dostępne tytuły UIBarButtonItem?
- 23. Jak oddzielić pogrubione tytuły dla figur MATLAB?
- 24. debugowanie: funkcja tworzenia wielokrotnych opóźnień dla wielu kolumn (dplyr)
- 25. Suma impulsów opóźnień w aplikacji App pod niskim obciążeniem
- 26. zmienić oba tytuły legendy w ggplot z dwoma legendami
- 27. Różne tytuły dla każdego fragmentu w moim viewpager
- 28. Google Maps API V3: dziwne wyskakujące wyskakujące interfejsy użytkownika (ze zrzutem ekranu)
- 29. Jak potwierdzić wyskakujące javascript z Capybara?
- 30. Wyskakujące powiadomienie o telefonie iPhone
możliwe duplikat [Zmiana jak szybko pojawia się podpowiedź atrybutu "title"] (http: // stackoverflow. com/questions/9150796/change-how-fast-title-attributes-tooltip-appear) –