03/13/07
First Post
javascripthover edges to scroll
window.onload = function(){
var intro = new Fx.Styles('headerImg', {
duration: 450,
transition: Fx.Transitions.linear,
onStart: function(){
$('headerImg').setOpacity(0);
$('headerImg').setStyle('display','inline');
},
onComplete: function(){
secondIntro = new Fx.Styles('headerImg', {
duration: 950, wait: 200,
transition: Fx.Transitions.linear
});
secondIntro.start({
'margin-left': [0, 550]
});
}
});
intro.start({
'opacity': [0, 1],
'width': [1,200]
});
};
javascripthover edges to scroll
$$('#listPages li a').each(function(el){
$(el).addEvent('mouseover',function(){
$(el).style.cursor = 'pointer';
fx = new Fx.Styles(el, {
duration: 500, wait: false,
transition: Fx.Transitions.linear
});
fx.start({
'background-color': '#FFFFFF'
});
});
$(el).addEvent('mouseout',function(){
fx = new Fx.Styles(el, {
duration: 250, wait: false,
transition: Fx.Transitions.linear
});
fx.start({
'background-color': '#E9E9E9'
});
});
$(el).addEvent('click',function(){
$(el).blur();
});
});
$('headerImg').addEvent('mouseover',function(){
fx = new Fx.Styles('headerImg', {
duration: 450, wait: false,
transition: Fx.Transitions.linear
});
fx.start({
'opacity': [1,.2]
});
});
$('headerImg').addEvent('mouseout',function(){
fx = new Fx.Styles('headerImg', {
duration: 450, wait: false,
transition: Fx.Transitions.linear
});
fx.start({
'opacity': [.2,1]
});
});
No comments yet.