window.addEvent('domready', function(){ //on met comme id site pour la balise /* var size = site.getSize(); if(size.x < 1000) $$('#header .centrage, #contenu, #footer').setStyle('width', '95%'); if(size.x > 1200) $$('#header .centrage, #contenu, #footer').setStyle('width', '75%'); */ $$('#top a').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#333', 'color': '#DBDBDB' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb', 'color': '#333' }); } }); $('nav1').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#a6cde6' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav1.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#a6cde6' }); } }); $('nav2').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ //'background-color': '#c6d880' 'background-color': '#a6d9b3' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav2.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#a6d9b3' }); } }); $('nav3').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#d9b3a6' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav3.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#d9b3a6' }); } }); $('nav4').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#d9a6c0' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav4.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#d9a6c0' }); } }); $('nav5').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#e6e6a6' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav5.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#e6e6a6' }); } }); $('nav6').addEvents({ mouseenter: function(){ // This morphes the opacity and backgroundColor this.morph({ 'background-color': '#d9e6e6' }); }, mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#dbdbdb' }); } }); $$('#nav6.actif').addEvents({ mouseleave: function(){ // Morphes back to the original style this.morph({ 'background-color': '#d9e6e6' }); } }); });