Div-Kontainer mit Maus horizontal sliden

[burn4ever]

Hallo,
ich habe einen div tag mit einem großen Bild 2800px Breite.
Ich möchte nun mittels JavaScrip (jQuery) den div in Abhängigkeit vom Mauszeiger horizontal sliden.
Sprich ich bewege den Mauszeiger nach rechts und der Kontainer bewegt sich nach links.

In FlashActionscript3 würde ich das grob so machen:

divcontainer.x = mouseX + 30;

 

[agund]

sieht in JS nicht stark anders aus....

document.getElementById('element').style.x = window.event.clientX + 30;

 

[burn4ever]

okay,
jetzt benötige ich nur als jQuery Anfänger noch einen Hinweis wie ich das auf meinen <div id="banner"> umsetzten kann.

$(document).ready(function() 
{
document.getElementById('banner').style.x = window.event.clientX + 30;
}

????
Hab schon mal Google bemüht aber nichts passendes gefunden.....

 

[threadi]

Mit style definiert man CSS-Eigenschaften. Eine Eigenschaft "x" gibt es nicht. Was Du suchst ist "top". Also:

$(document).ready(function() 
{
document.getElementById('banner').style.top = (window.event.clientX + 30) + "px";
}

Setzt voraus, dass das Element mit der ID "banner" auch absolut positioniert ist. Allerdings wird es mit diesem Code hier noch lange nicht sliden. Das müsstest Du mit der jQuery-Funktion animate() machen.

 

[agund]

ups... bin abgedriftet