10.01.2008, 14:33
Hallo !
Ich wollte gerade mit mootools arbeiten, oder zumindest mal einen effect eingebunden. Aber bei mir funktioniert das nicht, obwohl ich den Code 1 zu 1 übernommen habe. Was mache ich da falsch? Könntet ihr euch das mal ansehen? Das wäre sehr nett.
Hier ist der Code:
Vielen Dank im Voraus
Grüße[/php]
Sam
Ich wollte gerade mit mootools arbeiten, oder zumindest mal einen effect eingebunden. Aber bei mir funktioniert das nicht, obwohl ich den Code 1 zu 1 übernommen habe. Was mache ich da falsch? Könntet ihr euch das mal ansehen? Das wäre sehr nett.
Hier ist der Code:
PHP-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php echo $titel; ?></title>
<script type="text/javascript" src="mootools-release-1.11.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
var list = $$('#idList li');
list.each(function(element) {
var fx = new Fx.Styles(element, {duration:200, wait:false});
element.addEvent('mouseenter', function(){
fx.start({
'margin-left': 5,
'background-color': '#666',
color: '#ff8'
});
});
element.addEvent('mouseleave', function(){
fx.start({
'margin-left': 0,
'background-color': '#333',
'color': '#888'
});
});
});
</script>
</head>
<body>
<div id="website">
<div id="web_head">
<div id="logo"><img src="img/eco_logo.png" alt="<?php echo $titel; ?>;" width="141" height="65" /></div>
<div id="info_text"><?php echo $content; ?></div>
</div>
<div id="web_content">
<div id="navigation">
<ul id="idList">
<li>option 1</li>
<li>option 2</li>
<li>option 3</li>
<li>option 4</li>
</ul>
</div>
</div>
<div id="web_foot">
<p class="foot">Copright © <?php echo $jahreszahl; ?><br />
<?php echo "$rechte - "; echo $firmenname; ?></p>
</div>
</div>
</body>
</html>
Vielen Dank im Voraus
Grüße[/php]
Sam