[jQuery] Re: zebra striping + flashing/blinking effect?
ahh i didn't know about , but the setInterval I think is what
i'm looking for. I couldn't get it to work tho. I don't think i
inserted the code right. This is what i did:
$(document).ready( function() {
$("table.striped tbody tr").mouseover( function() {
$(this).animate({backgroundColor: "#4d4d4d"}, {queue:false,
duration:
350 });
}).mouseout( function() {
if($(this).attr("class") == "odd") {
$(this).animate({backgroundColor: "#1a1a1a"}, {
queue:false,
duration:350});
} else {
$(this).animate({backgroundColor: "#343434"}, {
queue:false,
duration:350});
}
});
$("table.striped tbody tr:odd").addClass("odd");
$("table.striped tbody tr:even").addClass("even");
setInterval(function() {
$('tr:lt(2)').toggleClass('blinky');
}, 500);
});
Since its set to have the first two to blink i don't need to put
before the I want to blink?
How can you add a fade in and fade out to setInterval? I think that
would make it alot smoother between blinks.
On Jul 1, 10:15 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote:
> You could try this:
>
> I'm blinking like it's 1999
>
> :-)
>
> Or you could use a setInterval:
>
> setInterval(function() {
> $('tr:lt(2)').toggleClass('blinky');
>
> }, 500);
>
> That one toggles the "blinky" class on the first 2 TR elements every
> 1/2 second.
>
> --Karl
>
> Karl Swedbergwww.englishrules.comwww.learningjquery.com
>
> On Jul 1, 2008, at 9:15 PM, sketchy wrote:
>
>
>
> > I think you misunderstood my post. It works fine but i'm looking to
> > add more with an effect such as flashing/blinking rows to represent
> > that its important to the visitor to check it out.
>
> > On Jul 1, 2:55 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> >> A zebra stripe doesn't need any Javascript given IE7, either. The
> >> tr:hover bit is accepted by the browser if your doctype is set to
> >> strict mode.
>
> >> On Jun 30, 10:15 pm, sketchy <[EMAIL PROTECTED]> wrote:
>
> >>> I recently got acquainted with jquery and implemented this
> >>> tutorial on
> >>> zebra striping to my
> >>> site:http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
>
> >>> and its awesome but i was wondering it its possible to add like a
> >>> blinking/flashing effect to one or a couple of the rows. The effect
> >>> would start when the visitor opens the page and then stop when they
> >>> leave.
>
> >>> My knowledge on jquery is quite limited right now so it would
> >>> great if
> >>> someone could help me out. Thanks
[jQuery] Re: zebra striping + flashing/blinking effect?
You could try this:
I'm blinking like it's 1999
:-)
Or you could use a setInterval:
setInterval(function() {
$('tr:lt(2)').toggleClass('blinky');
}, 500);
That one toggles the "blinky" class on the first 2 TR elements every
1/2 second.
--Karl
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jul 1, 2008, at 9:15 PM, sketchy wrote:
I think you misunderstood my post. It works fine but i'm looking to
add more with an effect such as flashing/blinking rows to represent
that its important to the visitor to check it out.
On Jul 1, 2:55 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
A zebra stripe doesn't need any Javascript given IE7, either. The
tr:hover bit is accepted by the browser if your doctype is set to
strict mode.
On Jun 30, 10:15 pm, sketchy <[EMAIL PROTECTED]> wrote:
I recently got acquainted with jquery and implemented this
tutorial on
zebra striping to my
site:http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy
and its awesome but i was wondering it its possible to add like a
blinking/flashing effect to one or a couple of the rows. The effect
would start when the visitor opens the page and then stop when they
leave.
My knowledge on jquery is quite limited right now so it would
great if
someone could help me out. Thanks
[jQuery] Re: zebra striping + flashing/blinking effect?
I think you misunderstood my post. It works fine but i'm looking to add more with an effect such as flashing/blinking rows to represent that its important to the visitor to check it out. On Jul 1, 2:55 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > A zebra stripe doesn't need any Javascript given IE7, either. The > tr:hover bit is accepted by the browser if your doctype is set to > strict mode. > > On Jun 30, 10:15 pm, sketchy <[EMAIL PROTECTED]> wrote: > > > I recently got acquainted with jquery and implemented this tutorial on > > zebra striping to my > > site:http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy > > > and its awesome but i was wondering it its possible to add like a > > blinking/flashing effect to one or a couple of the rows. The effect > > would start when the visitor opens the page and then stop when they > > leave. > > > My knowledge on jquery is quite limited right now so it would great if > > someone could help me out. Thanks
[jQuery] Re: zebra striping + flashing/blinking effect?
A zebra stripe doesn't need any Javascript given IE7, either. The tr:hover bit is accepted by the browser if your doctype is set to strict mode. On Jun 30, 10:15 pm, sketchy <[EMAIL PROTECTED]> wrote: > I recently got acquainted with jquery and implemented this tutorial on > zebra striping to my > site:http://docs.jquery.com/Tutorials:Zebra_Striping_Made_Easy > > and its awesome but i was wondering it its possible to add like a > blinking/flashing effect to one or a couple of the rows. The effect > would start when the visitor opens the page and then stop when they > leave. > > My knowledge on jquery is quite limited right now so it would great if > someone could help me out. Thanks
