Comments on: Halftone Navigation Menu With jQuery & CSS3

By: Rey

Rey — Fri, 25 Jun 2010 06:27:00 +0000

Please! Add some CSS to print your pages!
cannot create PDF docs from this tutorial

By: nada

nada — Fri, 09 Apr 2010 01:11:01 +0000

nth happened for me…just the nav bar with the css showed up

By: iMayne

iMayne — Sat, 27 Mar 2010 22:01:47 +0000

I cant seem to get service mode? How to enable it? And then what? Im a noob plz help.

By: YCF.name

YCF.name — Sat, 27 Mar 2010 07:13:54 +0000

OMG,My web site works with the same idea.

My idea come out at 2009.10,but you make the much more batter.

By: Anthony Phillips

Anthony Phillips — Sat, 13 Mar 2010 07:38:03 +0000

Awesome thanks, going to have a play with this now.

I’ll let you know how i get on! Thanks!

By: Smashing Share

Smashing Share — Thu, 11 Mar 2010 11:30:41 +0000

This is something out of the box. Excellent tutorial

By: yinsee

yinsee — Tue, 09 Mar 2010 05:23:01 +0000

luv it!

just a thought.

dots.eq(j).addClass(‘active’).fadeTo(‘slow’,0.4);

can also be done with

$(‘#d-’+j).addClass(‘active’).fadeTo(‘slow’,0.4);

not sure if this will improve the performance by doing a direct id search. probably wont. )

By: David

David — Thu, 18 Feb 2010 15:31:27 +0000

Hi,
It’s a really wonderful effect!
For my family website, I’d like to have a set of shapes appear as soon as the user scrolls past 2 anchors in the page. To be clearer, when the user scrolls past the first anchor, then the first shape appears; when he scrolls past the second, then the second shape appears; and so on. But also, when the second shape is displayed and the user scrolls back up past the second anchor, then it should be replaced by the first one… Don’t know if I’m making myself clear, but if someone’s got a clue of the syntax to use, I would be forever grateful towards him…
Here’s the code I had figured as a starting possibility, but being -really-dumb at using jQuery, I just can’t go any further by myself… please help
var firstAnchor = $(‘#firstAnchor’).offset().top;
var secondAnchor = $(‘#secondAnchor’).offset().top;
var thirdAnchor = $(‘#thirdAnchor’).offset().top;

$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop > firstAnchor) {
//first shape appears
}
});

By: Adam

Adam — Wed, 17 Feb 2010 20:47:53 +0000

Amazing effect! Great idea.

By: omyo

omyo — Tue, 02 Feb 2010 17:35:01 +0000

voila…awesome many trick to using for web.
its my inspiration