Autor | Zpráva | ||
---|---|---|---|
atonalitka Profil * |
#1 · Zasláno: 22. 11. 2012, 07:04:23
Ahoj. Mám tehle script. Funguje tak že když se přes nějaké slovo uvedené v menu najede cursorem tak se přehraje zvuk, ale nemůžu přijít na to jak udělat aby se ten zvuk přestal přehrávat pokud cursor sjede z toho slova.
<!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> </head> <body> <div id="page-wrap"> <section id="two"><div class="inside"> <ul id="nav-two" class="nav"> <a href="#">slovo_1</a> <audio id="beep-two"> <source src="audio/beep.mp3" controls></source> <source src="audio/beep.ogg" controls></source> Your browser isn't invited for super fun time. </audio> <br> <a href="#">slovo_2</a> <br> <a href="#">slovo_3</a> <br> <a href="#">slovo_4</a> </ul> <script>$("#nav-two a") .each(function(i) { if (i != 0) { $("#beep-two") .clone() .attr("id", "beep-two" + i) .appendTo($(this).parent()); } $(this).data("beeper", i); }) .mouseenter(function() { $("#beep-two" + $(this).data("beeper"))[0].play(); }); $("#beep-two").attr("id", "beep-two0");</script> </div></section> </div> </body> </html> děkuji |
||
atonalitka Profil * |
#2 · Zasláno: 24. 11. 2012, 15:07:28
Nikdo neví :o/
|
||
joe Profil |
#3 · Zasláno: 24. 11. 2012, 15:12:53
Za
mouseenter dáš mouseleave , nebo to celé nahradíš hover funkcí a do té mouseleave dáš to samé jako je v mouseenter , jen tam bude stop() místo play()
|
||
atonalitka Profil * |
#4 · Zasláno: 25. 11. 2012, 16:02:56
já vůbec nevim jak to myslíš. Takhle? to nefunguje. Neumim moc dobře ten js. Ale takhle bych to potřeboval. Dokud drží tlačítko tak zvuk hraje a po odmáčknutí nehraje
<script>$("#nav-two a") .each(function(i) { if (i != 0) { $("#beep-two") .clone() .attr("id", "beep-two" + i) .appendTo($(this).parent()); } $(this).data("beeper", i); }) .mousedown(function() { $("#beep-two" + $(this).data("beeper"))[0].play(); }); .click(function() { $("#beep-two" + $(this).data("beeper"))[0].stop(); }); $("#beep-two").attr("id", "beep-two0");</script> |
||
atonalitka Profil * |
#5 · Zasláno: 26. 11. 2012, 02:18:44 · Upravil/a: atonalitka
už s tim dělám psí kusy... tohle taky nejde... nechápu to
$("#nav-two a").mouseup(function(){ $("#beep-two" + $(this).data("beeper"))[0].stop(); }).mousedown(function(){ $("#beep-two" + $(this).data("beeper"))[0].play(); }); <script src="http://code.jquery.com/jquery-latest.js"></script> $("p").mouseup(function(){ $(this).append('<span style="color:#F00;">odmáčknu</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">zmáčknu</span>'); }); <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $("p").mouseup(function(){ $(this).append('<span style="color:#F00;">odmáčknu</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">zmáčknu</span>'); }); </script> |
||
atonalitka Profil * |
#6 · Zasláno: 26. 11. 2012, 06:04:43
Tak verzi s hover jsem už rozchodil ale ta funguje na dotek a já nevim jak ten hover přeměnit na mousedown a mouseup, taky jsem zjistil že něco jako stop() neexistuje a musí se použít currentTime=0 ale dál nevim jak s tím hnout
|
||
atonalitka Profil * |
#7 · Zasláno: 26. 11. 2012, 06:04:43
Tak verzi s hover jsem už rozchodil ale ta funguje na dotek a já nevim jak ten hover přeměnit na mousedown a mouseup, taky jsem zjistil že něco jako stop() neexistuje a musí se použít currentTime=0 ale dál nevim jak s tím hnout
|
||
Časová prodleva: 11 let
|
0