/    Sign up×
Community /Pin to ProfileBookmark

vertical looping menu

Copy linkTweet thisAlerts:
Sep 03.2012

hello there.

i try to code a simple looping menu. i can need a little help to get it working.

i have a total number of 5 listpoints (demo):

  • – menu 1

  • – menu 2

  • – menu 3

  • – menu 4

  • – menu 5

    • only the first 3 are visible:

  • – menu 1

  • – menu 2

  • – menu 3

    • now i try to make this navigation scrollable to both sides (up/down). if i scroll to top:

    …
    – menu 4
    – menu 5
    – menu 1
    – menu 2
    – menu 3

    i hope you can understand what i mean. has any some hints how to realize this?

    thanks for comments.

    to post a comment
    JavaScript

    5 Comments(s) ↴

    Copy linkTweet thisAlerts:
    @panicbrainauthorSep 03.2012 — i try to simulate this menu style (with jquery if possible):

    http://www.deluganmeissl.at/

    it is up/down scrollable (first one main link must be clicked).
    Copy linkTweet thisAlerts:
    @donatelloSep 03.2012 — They built this page in Flash.

    Do not copy too much from them, they made some of the worst SEO mistakes in the book!

    Besides building their page and menu in UNPARSABLE Flash, they spammed Meta keywords (238 meta keywords! Should be 12 or less!)

    They also do not have a doctype and a zillion other sins.

    If you want to analyze their menu, just get a Flash decompiler.

    There are a bunch, you can start here: http://www.flashdecompiler.net/

    Here is one with jQuery that is at least parse-able by Google and other search engines.

    http://www.onlineaspect.com/examples/jquery_menu/#

    (Script: http://www.onlineaspect.com/2010/05/01/simple-jquery_menu/ )

    Here's a fiddle you can play with:

    http://jsfiddle.net/kXnSZ/
    Copy linkTweet thisAlerts:
    @donatelloSep 03.2012 — Your best bet would be to find a jQuery dynamic menu that is similar, then try to modify it to do what you like a bit more precisely.

    It seems to me that the "Vertical Mega Menu" on this page can do exactly what you wish with a few simple CSS tweaks:

    http://speckyboy.com/2011/07/04/15-fresh-jquery-menu-plugins-and-tutorials/



    Some more jQuery dynamic menu fiddles:

    http://jsfiddle.net/cchana/4WXUu/

    http://jsfiddle.net/fcalderan/pmETG/

    http://jsfiddle.net/hvQhM/1/

    Some more jQuery menus:

    http://www.designyourway.net/blog/resources/25-jquery-menus-ready-for-download/
    Copy linkTweet thisAlerts:
    @panicbrainauthorSep 03.2012 — thanks a lot for your answers. i will take a big look on it.

    i know the example is flash. and i know the seo problems with the flash side. i do not copy the page. i try just to copy the scrollable menu effect. i think it must be simulatable with js/jquery.
    ×

    Success!

    Help @panicbrain spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.17,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...