moo.fx

anyany

Mitglied
Hi, also ich hab Heute mal angefangen mich mit moofx zu befassen. Das was ich bis jetzt hab funktioniert auch ganz gut
PHP:
<html>
<head>
	<script type="text/javascript" src="prototype.js"></script>
	<script src="moo.fx.js" type="text/javascript"></script>
	<script src="accordion.js" type="text/javascript"></script>
	<script src="moo.fx.pack.js" type="text/javascript"></script>
	<script src="moo.fx.transitions.js" type="text/javascript"></script>
	<script src="moo.fx.utils.js" type="text/javascript"></script>
	<script type="text/javascript">
window.onload = function()
{
myTrans = new Fx.Opacity("element1", {duration: 400});
myHeight = new Fx.Height("element2", {duration: 400});
myWidth = new Fx.Width("element3", {duration: 400});
//mySlide = new Fx.Slide("element1", {duration: 400});
}
	</script>
</head>
<body>
<a onclick="myTrans.toggle();"  href="javascript:void(0);"><div>Ausblenden</div></a>
<div id="element1">Dies ist auszublendender Text<br> wie mach ich das jetzt schoen?</div>
<a onclick="myHeight.toggle();" href="javascript:void(0);">Element ausklappen</a>
<div id="element2">Dies ist auszublendender Text<br> wie mach ich das jetzt schoen?</div>
<a onclick="myWitdth.toggle();" href="javascript:void(0);">Element verbreitern</a>
<div id="element3">Dies ist ein Bereich zum Verbreitern</div>
</body>
</html>
meine Frage is jetzt aber, wie ich diesen slidein hinbekomme und wie ich es schaffe, dass der Text auch zu bleibt ^_^
 
moo.fx gibt es zwar noch als Erweiterung für Prototype aber ist mittlerweile zu einem eigenen Framework herangewachsen -> mootools.

Ebenso läuft der komplette Support und die komplette Doku auf mootools, also ist das auch die richtige Adresse, um sich nach Erklärungen für die Effekte umzusehen.

Gruß

.:lay-z-cow:.
 

Neue Beiträge

Zurück