Ich hab mir natürlich auch schon Gedanken gemacht und hab es auch fast hinbekommen mit einem Tutorial.
Das einzige Problem nun ist, dass die Slide Funktion nur ausgeführt wird, wenn ich über den "Slide-Link" fahre, ich hätte den aber gern, sobald ich über div.slidebox hovere. Wie kann ich das realisieren? Danke
.slide_likebox{ display: block;
float: right;
height: 420px;
padding: 0;
position: fixed;
right: -205px;
top: 170px;
width: 247px;
z-index: 1002;
background:url("fbslide1.png") no-repeat scroll 0 0 transparent !important;}
.button_aLeft{ width:70px; height:36px; background-color:#093d6f; color:#fff; top:0px; right:0px; position:absolute; line-height:36px; }
.button_bLeft{ width:64px; height:30px; background-color:#fff; position:absolute; top:0px; right:0px; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; }
<script type="text/javascript">
window.addEvent('domready',function() {
$$('.slidefunktion').each(function(slide) {
var prev = slide.getPrevious('div').set('tween',{ duration: 200 });
slide.addEvents({
mouseenter: function(e) {
prev.tween('right',0);
},
mouseleave:function(e) {
prev.tween('right',-205);
}
});
});
});
</script>
<div class="frame">
<div class="slide_likebox" id="button_aLeft"></div>
<div class="button_bLeft slidefunktion" id="button_bLeft">Slideout</div>
</div>