So I want one set of animations to continue working as normal in the queue. However, I want to have a separate queue that clears anytime a new functionis executed.
Here's a bit of code :
$('#squares-wrapper div div').hover(
function() {
$(this)
.css({
backgroundColor : 'rgba(255, 255, 255, 0.4)'
});
$(this).animate({
opacity : '0.4'
}, 100);
},
function() {
$(this).animate({
opacity : '0.05'
}, 300);
});
- $('#squares-wrapper div div').hover(
- function() {
- $(this)
- .css({
- backgroundColor : 'rgba(255, 255, 255, 0.4)'
- });
- $(this).animate({
- opacity : '0.4'
- }, 100);
- },
- function() {
- $(this).animate({
- opacity : '0.05'
- }, 300);
- });
-
and this bit:
$('#squares-wrapper div div#00').mouseover(function() {
$('#instruct div').animate({
top : ((insh * 0)/100) * (-1) + 'px',
left : ((insw * 0)/100) * (-1) + 'px'
}, 500);
});
$('#squares-wrapper div div#01').mouseover(function() {
$('#instruct div').animate({
top : ((insh * 10)/100) * (-1) + 'px',
left : ((insw * 0)/100) * (-1) + 'px'
}, 500);
});
- $('#squares-wrapper div div#00').mouseover(function() {
- $('#instruct div').animate({
- top : ((insh * 0)/100) * (-1) + 'px',
- left : ((insw * 0)/100) * (-1) + 'px'
- }, 500);
- });
-
- $('#squares-wrapper div div#01').mouseover(function() {
- $('#instruct div').animate({
- top : ((insh * 10)/100) * (-1) + 'px',
- left : ((insw * 0)/100) * (-1) + 'px'
- }, 500);
- });
-
So if I want the mouseover effects to clear each other, but want the hover effect to continue uncleared. I'm sure there's a way to do this by created separate queues aside from the default "fx" queue that is created by the jquery core. I'm just not sure how to create those queues and assign specific functions to them or how to clear only one queue and not the other.
Use your words like arrows to shoot toward your goal.
March 27th, 2010, 6:27 pm
