| 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: 14 let
|
|||
0