Bauche Hilfe - javascript ?

[Gelsas]

Hallo ich will so etwas wie hier auf der seite machen.



Dort rechts bzw. links auf der Seite ist eine "Sidebar" wo man z.B. die. Hintergrundfarbe ändern kann. Wie macht man diese Sache, das wenn man mit der maus darüber geht das ausfährt und man dann was wählen kann.

mfg

[NotEnoughForYou]

Das ist JQuery. Schau dir mal animate() an.

[Heberg]

Ich vermute da ist auch noch etwas Jquery.css dabei:
also z.B. sowas:

// Zum Klicken

$("#gruener_button").click(
 function () {
  $("body").css("background", "red");
 });

// Das heißt, wenn auf den Grünen Button geklickt wird, wird die Farbe vom body auf Rot geändert.

[PseudoPsycho]

Oder Heberg's Code in reinem JavaScript:

// Zum Klicken
document.getElementById('gruener_button').onclick=function(){
	document.getElementsByTagName('body')[0].style.setAttribute('background', 'red'); };
// Das heißt, wenn auf den Grünen Button geklickt wird, wird die Farbe vom body auf Rot geändert.

[Gelsas]

Danke leute mir gehts aber garnicht um die funktion des buttons, sondern primär nur darum so eine Sidebar zu haben die wenn man mit der maus drüber fährt ausfährt usw.

mfg

[NotEnoughForYou]

Originally Posted by Gelsas

Danke leute mir gehts aber garnicht um die funktion des buttons, sondern primär nur darum so eine Sidebar zu haben die wenn man mit der maus drüber fährt ausfährt usw.

mfg

das lässt sich wie schon gesagt mit .animate() bewerkstelligen.

Siehe dazu

[Heberg]

// Jquery Hover Funktion

$("#slidepanel").hover(
 function () {
  $("#slidepanel").animate({width: '100px'}, 200); //Hover; Breite von slidepanel auf 100px
 },
 function () {
  $("#slidepanel").animate({width: '0px'}, 200); //HoverBack; Breite wird auf 0px gesetzt.
 }
);