| CARVIEW |
Select Language
HTTP/2 302
server: nginx
date: Thu, 15 Jan 2026 20:43:28 GMT
content-type: text/plain; charset=utf-8
content-length: 0
x-archive-redirect-reason: found capture at 20101110054948
location: https://web.archive.org/web/20101110054948/https://madrobby.github.com/scriptaculous/effect-move/
server-timing: captures_list;dur=0.593260, exclusion.robots;dur=0.054507, exclusion.robots.policy;dur=0.042431, esindex;dur=0.011218, cdx.remote;dur=108.515874, LoadShardBlock;dur=119.574931, PetaboxLoader3.resolve;dur=13.076524, PetaboxLoader3.datanode;dur=65.384842
x-app-server: wwwb-app206-dc6
x-ts: 302
x-tr: 255
server-timing: TR;dur=0,Tw;dur=0,Tc;dur=1
set-cookie: wb-p-SERVER=wwwb-app206; path=/
x-location: All
x-as: 14061
x-rl: 0
x-na: 0
x-page-cache: MISS
server-timing: MISS
x-nid: DigitalOcean
referrer-policy: no-referrer-when-downgrade
permissions-policy: interest-cohort=()
HTTP/2 200
server: nginx
date: Thu, 15 Jan 2026 20:43:29 GMT
content-type: text/html
x-archive-orig-server: nginx/0.7.67
x-archive-orig-date: Wed, 10 Nov 2010 05:49:47 GMT
x-archive-orig-content-length: 11836
x-archive-orig-last-modified: Fri, 05 Nov 2010 12:52:03 GMT
x-archive-orig-connection: close
x-archive-orig-expires: Thu, 11 Nov 2010 05:49:47 GMT
x-archive-orig-cache-control: max-age=86400
x-archive-orig-accept-ranges: bytes
x-archive-guessed-content-type: text/html
x-archive-guessed-charset: utf-8
memento-datetime: Wed, 10 Nov 2010 05:49:48 GMT
link: Effect.Move — Scriptaculous Documentation
JavaScript documentation, JavaScript API
Effect.Move
Core Effects > Effect.Move
This effect moves an element by modifying its position attributes.
Syntax
This will move the object to the top left corner of the window (x=0; y=0):
new Effect.Move('object', { x: 0, y: 0, mode: 'absolute' });
This will move the object 30px up and 20px to the right relative to its current position:
new Effect.Move('object', { x: 20, y: -30, mode: 'relative' });
Options
| Options | Description |
|---|---|
| x | integer value, either the new absolute target of the effect elements left value or the modifier of its current left value, depending on the mode option |
| y | integer value, either the new absolute target of the effect elements top value or the modifier of its current top value, depending on the mode option |
| mode | string, defaults to 'relative', can also be 'absolute', specifies if the element is moved absolutely or relative to its own position. |
Demo
Source code of this demo
<style type="text/css">
a#move_demo { background:#fa0000; color:#fff; padding:5px; border:1px solid #000; }
</style>
<div class="demo">
<a href="#" id="move_demo" onclick="new Effect.Move(this, { x: 60, y: -30 }); return
false;">Click me for a demo!</a>
</div>
Pages
- Ajax.Autocompleter
- Ajax.InPlaceCollectionEditor
- Ajax.InPlaceEditor
- Autocompleter.Base
- Autocompleter.Local
- Behaviours Overview
- Builder
- Combination Effects
- Combination Effects Demo
- Contribute
- Controls Overview
- Core Effects Overview
- Demos
- Draggable
- Draggables Object
- Droppables
- Effect.Appear
- Effect.BlindDown
- Effect.BlindUp
- Effect.DropOut
- Effect.Fade
- Effect.Fold
- Effect.Grow
- Effect.Highlight
- Effect.Methods
- Effect.Morph
- Effect.Move
- Effect.multiple
- Effect.Opacity
- Effect.Parallel
- Effect.Puff
- Effect.Pulsate
- Effect Queues
- Effect.Scale
- Effect.ScrollTo
- Effect.Shake
- Effect.Shrink
- Effect.SlideDown
- Effect.SlideUp
- Effect.Squish
- Effect.SwitchOff
- Effect.tagifyText
- Effect.toggle
- Effect.Transitions
- Effect.Tween
- Effects Overview
- FAQ
- Form.Element.DelayedObserver
- In Place Editing
- License
- List Morph Demo
- Puzzle Demo
- Ruby on Rails
- Slider
- Sortable
- Sortable.create
- Sortable Lists Demo
- Sortable.sequence
- Sortable.serialize
- Sortables
- Sortables.create
- Sound
- Style Guide
- Tabs
- Test.Unit
- Test.Unit.Assertions
- Test.Unit.Logger
- Test.Unit.Runner
- Test.Unit.Testcase
- Unit Testing
JavaScript documentation, JavaScript API
script.aculo.us was created by Thomas Fuchs, and is extended and improved by open-source contributors. script.aculo.us is released under the MIT license.