ui/ EyeCandy.jsTransition and fading library. You know... eyecandy :) Coded by Travis Beckham http://www.squidfingers.com | http://www.podlob.com If want to use this code, feel free to do so, but please leave this message intact. If you do remove this, I will hunt you down :) Several functions added or modified by Scott Upton, Uptonic.com CopyrightTravis Beckham Summary | Transition and fading library. | | | | | | | | Finds the current X position of the passed in object | | Finds the current Y position of the passed in object | | | | | | | | | | | | | | | | | | | | | | | | | | | | top scroll position of the window | | left scroll position of the window | | set the vertical scroll position of the window | | set the horizontal scroll position of the window | | set the x,y scroll position of the window | | | | | | left position of the element | | top position of the element | | | | | | clip width of the element | | clip height of the element | | change the value of any css property | | show the visibility of the element | | hide the visibility of the element | | toggle the visibility of the element | | change the contents of the element | | move the element to a new position | | move the element to a new position relative to it’s current position | | set the size of the element | | set the size of the element relative to it’s current size | | ease-out animation, callback function optional | | cancel the glideTo method | | swap the z-index of 2 elements | | time-based animation, with multiple easing methods Modified by SU, Uptonic.com | | cancel the tweenTo method | | generate new random number Added by SU, Uptonic.com December 2004 | | set opacity of the element | | gradually decrease the opacity of the element | | gradually increase the opacity of the element | | display the element as ‘block’ | | do not display the element | | set the element’s source to target | | set the element’s link to target | | set the element’s inner HTML to content |
linearTween| function linearTween( | t, | | b, | | c, | | d | ) |
|
| Easing Equations by Robert Penner | robertpenner.com - |
Parameterst b c d easeInQuad| function easeInQuad( | t, | | b, | | c, | | d | ) |
|
Parameterst b c d easeOutQuad| function easeOutQuad( | t, | | b, | | c, | | d | ) |
|
Parameterst b c d easeInOutQuad| function easeInOutQuad( | t, | | b, | | c, | | d | ) |
|
Parameterst b c d easeInExpo| function easeInExpo( | t, | | b, | | c, | | d | ) |
|
Parameterst b c d easeOutExpo| function easeOutExpo( | t, | | b, | | c, | | d | ) |
|
Parameterst b c d DetectConstructor. This is another way to detect the browser version and abilites. This is more DHTML and graphics focused than browsersniffer.js Summary | | | | | | | | | | | | | top scroll position of the window | | left scroll position of the window | | set the vertical scroll position of the window | | set the horizontal scroll position of the window | | set the x,y scroll position of the window |
Detect. getScrollToptop scroll position of the window Detect. getScrollLeftleft scroll position of the window Detect. setScrollTopset the vertical scroll position of the window Parametersn Detect. setScrollLeftset the horizontal scroll position of the window Parametersn Detect. setScrollset the x,y scroll position of the window Parametersx y HTMLobjHTMLobj Constructor Extends: Detect Summary | | | left position of the element | | top position of the element | | | | | | clip width of the element | | clip height of the element | | change the value of any css property | | show the visibility of the element | | hide the visibility of the element | | toggle the visibility of the element | | change the contents of the element | | move the element to a new position | | move the element to a new position relative to it’s current position | | set the size of the element | | set the size of the element relative to it’s current size | | ease-out animation, callback function optional | | cancel the glideTo method | | swap the z-index of 2 elements | | time-based animation, with multiple easing methods Modified by SU, Uptonic.com | | cancel the tweenTo method | | generate new random number Added by SU, Uptonic.com December 2004 | | set opacity of the element | | gradually decrease the opacity of the element | | gradually increase the opacity of the element | | display the element as ‘block’ | | do not display the element | | set the element’s source to target | | set the element’s link to target | | set the element’s inner HTML to content |
HTMLobj. getLeftleft position of the element HTMLobj. getToptop position of the element HTMLobj. getClipWidthclip width of the element HTMLobj. getClipHeightclip height of the element HTMLobj. setStylechange the value of any css property Parameterprop val HTMLobj.showshow the visibility of the element HTMLobj.hidehide the visibility of the element HTMLobj. showhidetoggle the visibility of the element HTMLobj. setInnerchange the contents of the element Paramerterhtml HTMLobj. moveTomove the element to a new position Parametersx y HTMLobj. moveBymove the element to a new position relative to it’s current position Parametersx y HTMLobj. sizeToset the size of the element Parametersw h HTMLobj. sizeByset the size of the element relative to it’s current size ParametersHTMLobj. glideToease-out animation, callback function optional Parametersx y callback HTMLobj. cancelGlidecancel the glideTo method HTMLobj. swapDepthswap the z-index of 2 elements Parametersobj HTMLobj. tweenTotime-based animation, with multiple easing methods Modified by SU, Uptonic.com Parameters| method | a function that takes 4 arguments: time, start, change, and duration | | start | array of starting width, height dimensions [w, h] | | end | array of ending width, height dimensions [w, h] | | time | number of ‘frames’ it takes to get to the end position |
HTMLobj. cancelTweencancel the tweenTo method HTMLobj. getRandomgenerate new random number Added by SU, Uptonic.com December 2004 HTMLobj. setOpacityset opacity of the element HTMLobj. fadeOutgradually decrease the opacity of the element Parameters| opacity | starting opacity of element | | change | the size of the increments between steps | | speed | the rate of the animation |
HTMLobj. fadeIngradually increase the opacity of the element Parameters| opacity | starting opacity of element | | change | the size of the increments between steps | | speed | the rate of the animation |
HTMLobj. displayShowdisplay the element as ‘block’ HTMLobj. displayHidedo not display the element HTMLobj. setSrcset the element’s source to target Parameterstarget HTMLobj. setHrefset the element’s link to target Parameterstarget HTMLobj. setInnerHtmlset the element’s inner HTML to content Parameterscontent |