Chciał bym się dowiedzieć czy jest możliwe wykonanie opóźniania się wyświetlania chmurki wykonanej w css (taka która pojawia się po najechaniu myszką na element).
z góry dzięki
Pełna wersja: [CSS]opóźnianie chmurki
Witam,
Chciał bym się dowiedzieć czy jest możliwe wykonanie opóźniania się wyświetlania chmurki wykonanej w css (taka która pojawia się po najechaniu myszką na element).
z góry dzięki
Chciał bym się dowiedzieć czy jest możliwe wykonanie opóźniania się wyświetlania chmurki wykonanej w css (taka która pojawia się po najechaniu myszką na element).
z góry dzięki
Jeśli ta chmurka jest wykonana za pomocą styli to chyba za pomocą javyscript powinno udać się stworzyć efekt opóźnienia.
dzieki,
a za ktos taki skrypt w JS?
a za ktos taki skrypt w JS?
Chodzi Ci o chmurkę wyświetlaną dzięki atrybutowi title? Nie będę za Ciebie pisał takiego skryptu, ale zrób tak:
- po najechaniu myszką na element usuwaj title i zapamietaj w zmiennej
- po takim czasie jakim chcesz(czas zwłoki) ustaw z powrotem do tego elementu atrybut title (ze zmiennej)
- po najechaniu myszką na element usuwaj title i zapamietaj w zmiennej
- po takim czasie jakim chcesz(czas zwłoki) ustaw z powrotem do tego elementu atrybut title (ze zmiennej)
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', '', false, false, czasRozwin, czasZwin);
// ]]>
</script>
menu0 - twoj sty
czas podajemy z milisekundach
1s = 1000ms
// <![CDATA[
new Menu('menu0', '', false, false, czasRozwin, czasZwin);
// ]]>
</script>
menu0 - twoj sty
czas podajemy z milisekundach
1s = 1000ms
nie niechodzi o title
dzieki Skowronek ale niedziała ;/
chmurke mam zrobiona tak:
ten JS wstawiłem tak, moze gdzieś zrobiłem bład:
<script type="text/javascript">
// <![CDATA[
new Menu('tooltiptext', '', false, false, 3000, 3000);
// ]]>
</script>
dzieki Skowronek ale niedziała ;/
chmurke mam zrobiona tak:
Kod
.tooltiptext { position: relative; display: inline; text-decoration: none; }
.tooltiptext p { display: none;}
.tooltiptext:hover { cursor: pointer; }
.tooltiptext:hover p { display: block; position: absolute; top: -4px; left: -4px; width: 300px; margin: 0 0 0 0; padding: 4px; }
.tooltiptext:hover p { background-color:white; color:#19387E; border: 1px solid #000; }
.tooltiptext p { display: none;}
.tooltiptext:hover { cursor: pointer; }
.tooltiptext:hover p { display: block; position: absolute; top: -4px; left: -4px; width: 300px; margin: 0 0 0 0; padding: 4px; }
.tooltiptext:hover p { background-color:white; color:#19387E; border: 1px solid #000; }
ten JS wstawiłem tak, moze gdzieś zrobiłem bład:
<script type="text/javascript">
// <![CDATA[
new Menu('tooltiptext', '', false, false, 3000, 3000);
// ]]>
</script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.