CODEWITHSUNDEEP
javascriptnavigationscroll
MLS1984
MLS1984

Reputation: 307

How is this done. Javascript?

http://www.dennys.com

I'm wondering how the top navigation was programmed, From the source code I see javascript but I am hoping someone could recommend a resource / tutorial in learning how they built both the top navigation and the siding feature.

Many thanks.

Upvotes: 2

Views: 252

Answers (4)

McKayla
McKayla

Reputation: 6949

I doubt anyone has written a tutorial on how Denny's made a website.

But through some playing in the console, I found they use jQuery, which comes with many effects. To bring the navigation down, they probably use something like..

$('#navigation-button').mouseenter(function () {
    $('#navigation').slideDown();
});

I have something similar set up here.

Don't use any of that code directly. It's just quickly written garbage. It'd need quite a bit of tweeking for production.

Upvotes: 1

noinstance
noinstance

Reputation: 761

It's easy with javascript/jquery. Create a main div with fixed witdh where you put all your pages (menu, home, etc) and overflow:hidden. Then, with jquery's plugin Animate slide the position of the div's content.

Upvotes: 1

Ben Roux
Ben Roux

Reputation: 7426

You should investigate Path.js ( https://github.com/mtrpcic/pathjs ) as the url's suggest they are using it.

Upvotes: 2

Hasan Fahim
Hasan Fahim

Reputation: 3885

Search for jquery controls. There are several available on the net free of charge which help you get this functionality.

Upvotes: 0

Related Questions