Thread View: pl.comp.lang.javascript
1 messages
1 total messages
Started by nkab
Thu, 20 Mar 2014 09:22
czy to tylko u mnie tak nie działa
Author: nkab
Date: Thu, 20 Mar 2014 09:22
Date: Thu, 20 Mar 2014 09:22
103 lines
2937 bytes
2937 bytes
Ilekroć jest mowa o al'a klasach w JS to sprawdzam
czy to działa bo miałem już z tym kłopoty.
Trafiłem na tego tutka http://www.youtube.com/watch?v=coIsvOMYEi0
i tam ten skrypt działa a u mnie nie działa,
bo wszystkie kręcą się jednakowo a środkowy napis
powinien kręcić się odwrotnie.
Czy u was też tak jest?
****************************
<!DOCTYPE html>
<html>
<script>
function rotAnim()
{
this.d=0;
this.anim=function anim(el,dir)
{
elem=document.getElementById(el);
me=this;
if(dir=="ccw")
{
//alert('el='+el+' dir='+dir+' d='+this.d )
this.d--;
//alert('el='+el+' dir='+dir+' d='+this.d )
}
else
{
this.d++;
}
elem.style.transform="rotate("+this.d+"deg)";
d1.innerHTML='el='+el+' cw='+dir+' d='+this.d;
//alert('ok..')
if(this.d>359)
this.d=1;
else
if(this.d<-359)
this.d=-1;
setTimeout(function(){me.anim(el,dir);}, 20);
}
}
</script>
<body>
<span id="n1">nap1</span>
<span id="n2">nap2</span>
<span id="n3">nap3</span>
<br><br><br><br>
<div id="d1">div...</div>
<script>
var On1 = new rotAnim();
var On2 = new rotAnim();
var On3 = new rotAnim();
On1.anim("n1","cw");
On2.anim("n2","ccw");
On3.anim("n3","cw");
</script>
</body>
</html>
**********************************
Tak na marginesie, jak dam deklarację w rotAnim() z var,
tak jak w tutku, to wogóle nie działa,
chociaż sam od początku poznawania JS pisałem "var"
tylko przy deklaracjach bez przypisanych wartości.
Andrzej.
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads