Thanks all for this explanation.
I find a solution.
Don't use event mouveover and mouseout but use mouveenter and
mouseleave.
Now, it works, not perfect but better.
function over() { $(this).fadeTo("fast", 1.0); }
function out() { $(this).fadeTo("slow", 0.6); }
function
I think what is happening here is you are binding the mouseover and mouseout
functions to the #navigation , so when your mouse passes over the
and elements inside it, the mouseout function is triggered (the mouse
moves out as far as the is concerned, and over its child elements).
You need to b
Hello,
I still have problem.
Here my page for example: http://msmfarcry02.free.fr/test/menu_demo.html
When mouse over, function over/out work continuously.
When drag, same.
here is the script : http://msmfarcry02.free.fr/test/jscript.js
and the css: http://msmfarcry02.free.fr/test/presentation
Here's a way to do with bind/unbind:
function over() { $(this).fadeTo("slow", 1.0); }
function out() { $(this).fadeTo("slow", 0.6); }
function unBind() {
$("#navigation").unbind("mouseover", over).unbind("mouseout", out);
}
function reBind() {
$("#navigation").bind("mouseover", over).bind("mo
Thank for this, but it doesnt works.
I try to use this :
$("#navigation").hover(function () {
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.6);
});
$("#navigation").draggable({
drag: function() { $(this).unbi
Here's one workaround:
var dragging = false;
$("#navigation").hover(function () {
!dragging && $(this).fadeTo("slow", 1.0);
},function(){
!dragging && $(this).fadeTo("slow", 0.6);
});
$("#navigation").draggable({
drag: function() { dragging: true; },
stop: function() { dragging: false; }
6 matches
Mail list logo