| Autor | Zpráva | ||
|---|---|---|---|
| Peet Profil |
#1 · Zasláno: 18. 10. 2011, 20:15:48
Byl by někdo tak hodný že by mi napsal jednoduchý skript na plynulé pohnutí divu.
div: width=100px; height=100px; background=gray; aby se plynule přesunul např. od 250px do prava. Předem děkuji každému z vás |
||
| hledej Profil * |
#2 · Zasláno: 18. 10. 2011, 20:19:20
|
||
| Peet Profil |
#3 · Zasláno: 18. 10. 2011, 20:23:04
Děkuji :)
|
||
| Peet Profil |
#4 · Zasláno: 18. 10. 2011, 20:37:02
Mohl by mi někdo přeložit tento script do logického ujasnění.?
otevreni funkce chápu dále jsem však nametený. Předem díky všem function Pohni(div,kolik,limit){
div.style.top=parseInt(div.style.top)-(-kolik)+"px";
if((kolik>0 && parseInt(div.style.top)>=limit) || (kolik<0 && parseInt(div.style.top)<=limit)){ clearInterval(move); }
}
move=setInterval("Pohni(document.getElementById('div'),1,100)",8); |
||
| YOYO Profil |
#5 · Zasláno: 18. 10. 2011, 20:55:35
function Pohni(div,kolik,limit){ //definice funkce Pohni která bere parametry div=element, který se bude posouvat, kolik = krok, limit = max posun
div.style.top=parseInt(div.style.top)-(-kolik)+"px"; //zvětší vertikální posunutí divu o hodnotu "kolik", tedy o jeden px posune dolu
if((kolik>0 && parseInt(div.style.top)>=limit) // pokud je dosažen/překročen limit
|| (kolik<0 && parseInt(div.style.top)<=limit)){ //nebo v případě záporného posunu překročen v druhém směru
clearInterval(move); // tak vyčistí interval move => zastaví provádění animace
}
}
move=setInterval("Pohni(document.getElementById('div'),1,100)",8); //nastaví interval "move", který po 8ms volá funkci Pohni
//(stačilo by 16, obnovovací frekvence monitoru je většinou 60Hz => jeden snímek za 16,7ms)
snad jsem trochu pomoh nicméně si myslím, že ta funkce by šla napsat líp, tohle vypadá nešikovně,. |
||
| Peet Profil |
#6 · Zasláno: 18. 10. 2011, 22:30:13
budu rád za co nejkratší nejkorektnější funkci co se dá asi nejlíp pochopit ted to zkouším přes jquery tak pokud se orientujete i v tom mohl byste mi napsat jednoduchy skript pres jquery byl bych moc vdecny.. jinak uz nevim co mam delat. .(
|
||
| pcmanik Profil |
#7 · Zasláno: 18. 10. 2011, 22:37:28
Peet:
Pozri si jquery funkciu animate. Nebud lenivi si otvorit dokumetaciu, na prikladoch je to tam dobre vysvetlene. |
||
| Peet Profil |
#8 · Zasláno: 19. 10. 2011, 19:10:54
vyřešil jsem to takto (ZVĚTŠOVÁNÍ DIVU) = JQUERY
<style>
.normal{
float: left;
width: 200px;
height: 200px;
background: gray;
margin: 150px 0 0 200px;
}
</style>
</head>
<body>
<div id="kostka" class="normal"></div>
<script>
$('#kostka').hover(
function (){
$('#kostka').animate({"height": "+=100px","width": "+=100px","margin-top": "-=50px","margin-left": "-=50px","max-width": "=300px","max-height": "=300px"}, "slow");
},
function (){
$('#kostka').animate({"height": "-=100px","width": "-=100px","margin-top": "+=50px","margin-left": "+=50px","min-height": "=200px","min-width": "=200px"}, "slow");
}
);
</script>akorát mi vadí že pokud rychle kmitám myší přes objekt a potom nic nedělám objekt animuje do té doby než spočítá všechna najetí. Potřeboval bychto nějak vyřešit například zjednodušeně když bude myš onmouseout déle více jak 2s zastav script. nebo něco takového a ještě bych se chtěl zeptat kde najdu všechny funkce jquery jako je například addClass , removClass, css, remove, hide apod. s vysvětlením pokud by někdo vveděl budu mockrát vděčný. |
||
| _es Profil |
#9 · Zasláno: 19. 10. 2011, 20:50:11 · Upravil/a: _es
Peet:
„akorát mi vadí že pokud rychle kmitám myší přes objekt a potom nic nedělám objekt animuje do té doby než spočítá všechna najetí.“ Možno by ti pomohlo toto. „bych se chtěl zeptat kde najdu všechny funkce jquery“ Najskôr asi v dokumentácii jQuery. |
||
| Peet Profil |
#10 · Zasláno: 20. 10. 2011, 00:34:20
jen se chci zeptat..
$('div').hover(
function(){
.
.
.
},
function(){
ŽE TOTO JE STEJNĚ JAKO ....(níže);
}
);
$('div').mouseover(
function(){
JAKO TOTO..??;
}
); |
||
| CZechBoY Profil |
#11 · Zasláno: 22. 10. 2011, 01:38:20
hover==mouseover oboje jsou události při přejetí myší nějakého objektu
|
||
|
Časová prodleva: 13 let
|
|||
0