domstat.net

Website loading time

during the test: 1.47 s

cable connection (average): 1.56 s

DSL connection (average): 1.66 s

modem (average): 6.65 s

HTTP headers

HTTP/1.0 200 OK

Content-Type: text/html; charset=UTF-8

Expires: Sat, 15 Oct 2011 22:54:02 GMT

Date: Sat, 15 Oct 2011 22:54:02 GMT

Cache-Control: private, max-age=0

Last-Modified: Sat, 15 Oct 2011 05:43:17 GMT

ETag: "4bae6ed6-02e8-41a9-9c48-b50573b52d99"

X-Content-Type-Options: nosniff

X-XSS-Protection: 1; mode=block

Server: GSE

Information about DNS servers

Received from the first DNS server

Received from the second DNS server

Subdomains (the first 50)

Typos (misspells)

Location

IP: 209.85.175.132

continent: NA, country: United States (USA), city: Mountain View

Website value

rank in the traffic statistics:

There is not enough data to estimate website value.

Basic information

website build using CSS

code weight: 36.24 KB

text per all code ratio: 29 %

title: JAVASCRIPT MOTION TWEEN

description:

keywords:

encoding: UTF-8

language: en

Website code analysis

one word phrases repeated minimum three times

two word phrases repeated minimum three times

three word phrases repeated minimum three times

B tags

The Tween classCONSTRUCTORvar t = new Tween(object,property,easing,start,end,duration,suffixe);object:type:ObjectThe object you want to modify. It can be any object, a visual object that you want to animate ( document.body.style ) or an anymous object ( new Object() ).property:type:StringThe property that is updated on the target object, it can be empty ('')easing:type:FunctionThe easing that will be applied to motion. ( I have listed the functions below and created a sample to allow you to try them )start:type:NumberStart valueend:type:NumberEnd valueduration:type:NumberAnimation duration in secondssuffixe:type:StringA string to append to the updated property ('%','pt','em' ...). METHODSstart()rewind()fforward()stop()resume()continueTo( end, duration )yoyo()addListener( listenerObject )removeListener( listenerObject )<div id="sq" style="width:50px;height:50px;position:relative;left:0px;border:1px solid #333333;"></div><input type="button" value="start()" onclick="t1 = new Tween(document.getElementById('sq').style,'left',Tween.elasticEaseOut,0,500,4,'px');t1.start();"><input type="button" onclick="t1.stop();" value="stop()"><input type="button" onclick="t1.resume();" value="resume()"><input type="button" onclick="t1.rewind();" value="rewind()"><input type="button" onclick="t1.fforward();" value="fforward()">Easing functionsAbout Easing Classes and MethodsThe default easing functions are methods of the Tween.as class.Tween.regularEaseInTween.regularEaseOutTween.regularEaseInOutTween.strongEaseInTween.strongEaseOutTween.strongEaseInOutTween.backEaseOutTween.backEaseInTween.backEaseInOutTween.bounceEaseOutTween.bounceEaseInTween.bounceEaseInOutTween.elasticEaseInTween.elasticEaseOutTween.elasticEaseInOutA sample to try these methodsEVENTS AND LISTENERSonMotionStarted( eventObject )onMotionChanged( eventObject )onMotionFinished( eventObject )onMotionStopped( eventObject )onMotionLooped( eventObject )onMotionResumed( eventObject )the eventObject passed contains 2 properties:target : the Tween instance (object)type : the event name (string, ex: 'onMotionChanged')2 ways to use events :1Щ adding a method on your Tween instance with the same name as the event you want to listen.Example:t1A = new Tween(document.getElementById('sqA').style,'left',Tween.elasticEaseOut,0,500,1,'px');t1A.onMotionFinished = function()

t1A.start();Example:using the yoyo() method, the following code will create an endless animation:t1C = new Tween(document.getElementById('sqC').style,'left',Tween.elasticEaseOut,0,500,1,'px');t1C.onMotionFinished = function(){this.yoyo()

t1C.start();If, for example you wanted the yoyo() to perform only once, you would write code liket1C.onMotionFinished = function(){   this.yoyo();   this.onMotionFinished = undefined;}2Щ using the addListener method:Example:t1A = new Tween(document.getElementById('sqA').style,'left',Tween.elasticEaseOut,0,500,1,'px');var a = new Object();

a.onMotionFinished = function()

   alert( 'onMotionFinished' )};a.onMotionStarted = function()

   alert( 'onMotionStarted' )}t1A.addListener(a)

U tags

I tags

images

headers

H1

H2

January 28, 2007

About Me

Previous Posts

Archives

H3

January 28, 2007

About Me

Previous Posts

Archives

H4

H5

H6

internal links

external links