I wrote a piece of code which would simply allow a gradual change in color of a link during the passage of the mouse. But nothing happens gives me an error.
My piece of code,
HTML Code:
<html>
<head>
<script type= "text/javascript" src= "mootools-1.2.1-core-nc.js"> </script>
<script type= "text/javascript" >
window. addEvent ( 'domready', function () {
var list = $$ ( 'a');
list. each (function (element) {
var fx = new Fx. Tween ( element, { duration: 500 , wait: false } ) ;
element. addEvents ({
'mouseenter' : function ( ) {
fx. start ({'color': '#999'});
},
'mouseout': function () {
fx. start ({'color': '# 000'});
}
});
});
});
</script>
</head>
<body>
<a href= "http://google.co.in">Google </a>
</body>
</html>
If I remove the code fx.start (...) and replace it by an alert (element), the error message disappears and I can see the window alert () in the URL.
If someone has an idea ...
Bookmarks