[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
On 8 Feb, 02:41, Andy Matthews [EMAIL PROTECTED] wrote: I'm thinking now that I could possible position each column absolutely in a parent container and theoretically that would prevent the animation from messing with anything else. I think position absolute is a good solution. see this page I made http://www.andreavarnier.com/temp/test.html does it work correctly?
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
Wixus...
I know how to write the code to actually do the animation. The problem I'm
finding is that when the animation kicks off, it'll throw off the rest of
the layout.
-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of wixus
Sent: Friday, February 08, 2008 12:02 AM
To: jQuery (English)
Subject: [jQuery] Re: I'm stumped! How to accomplish this navigation
rollover effect?
just put the hint unto a some block, for example em. and this block in
your nav ul li or something.
make li tag displaying block and position relative em is a absolute block
width:0; left:(li.width); then jquery:
$('li).hover(function() {
$(this).find(em).animate({width:XX},300);
},function() {
$(this).find(em).animate({width:0},300)
});
XX is the width of a hint
300 is a ms for animation effect
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
On 8 Feb, 16:28, Andy Matthews [EMAIL PROTECTED] wrote: Andrea... I think you're right...absolute positioning should solve my problem. The animation in your example works perfectly, but the text is located below the navigation, rather than to it's right (in IE7 at least). hmm... I'm sorry, I thought I had tested it enough... that's strange however, because on my browsers it works fine... http://www.andreavarnier.com/temp/IE7.jpg :(
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
Andrea... I think you're right...absolute positioning should solve my problem. The animation in your example works perfectly, but the text is located below the navigation, rather than to it's right (in IE7 at least). -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of andrea varnier Sent: Friday, February 08, 2008 3:37 AM To: jQuery (English) Subject: [jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect? On 8 Feb, 02:41, Andy Matthews [EMAIL PROTECTED] wrote: I'm thinking now that I could possible position each column absolutely in a parent container and theoretically that would prevent the animation from messing with anything else. I think position absolute is a good solution. see this page I made http://www.andreavarnier.com/temp/test.html does it work correctly?
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
On 8 Feb, 20:19, Andy Matthews [EMAIL PROTECTED] wrote: It could just be that I had my browser window too narrow. That's probably what it is actually. I'll take a look again. oh you meant the text in the main content div, now I got it. I was at work on 1280*1024 and I messed up the css a bit. fixed now :)
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
just put the hint unto a some block, for example em. and this
block in your nav ul li or something.
make li tag displaying block and position relative
em is a absolute block width:0; left:(li.width);
then jquery:
$('li).hover(function() {
$(this).find(em).animate({width:XX},300);
},function() {
$(this).find(em).animate({width:0},300)
});
XX is the width of a hint
300 is a ms for animation effect
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
Hi Andy, A friend of mine asked me recently for something that appears similar to what you want. Maybe it'll be of some help: http://test.learningjquery.com/bb/ --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com On Feb 8, 2008, at 10:28 AM, Andy Matthews wrote: Andrea... I think you're right...absolute positioning should solve my problem. The animation in your example works perfectly, but the text is located below the navigation, rather than to it's right (in IE7 at least). -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of andrea varnier Sent: Friday, February 08, 2008 3:37 AM To: jQuery (English) Subject: [jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect? On 8 Feb, 02:41, Andy Matthews [EMAIL PROTECTED] wrote: I'm thinking now that I could possible position each column absolutely in a parent container and theoretically that would prevent the animation from messing with anything else. I think position absolute is a good solution. see this page I made http://www.andreavarnier.com/temp/test.html does it work correctly?
[jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect?
It could just be that I had my browser window too narrow. That's probably what it is actually. I'll take a look again. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of andrea varnier Sent: Friday, February 08, 2008 10:43 AM To: jQuery (English) Subject: [jQuery] Re: I'm stumped! How to accomplish this navigation rollover effect? On 8 Feb, 16:28, Andy Matthews [EMAIL PROTECTED] wrote: Andrea... I think you're right...absolute positioning should solve my problem. The animation in your example works perfectly, but the text is located below the navigation, rather than to it's right (in IE7 at least). hmm... I'm sorry, I thought I had tested it enough... that's strange however, because on my browsers it works fine... http://www.andreavarnier.com/temp/IE7.jpg :(
