1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!-- DC Superfish Menu CSS --> < link type = "text/css" rel = "stylesheet" href = "dcodes/menus/superfish/css/superfish.css" /> < link type = "text/css" rel = "stylesheet" href = "dcodes/menus/superfish/css/superfish-vertical.css" /> < link type = "text/css" rel = "stylesheet" href = "dcodes/menus/superfish/css/superfish-navbar.css" /> <!-- jQuery Library (skip this step if already called on page ) --> < script type = "text/javascript" src = "dcodes/jquery.min.js" ></ script > <!-- (do not call twice) --> <!-- DC Superfish Menu JS --> < script type = "text/javascript" src = "dcodes/menus/superfish/js/hoverIntent.js" ></ script > < script type = "text/javascript" src = "dcodes/menus/superfish/js/superfish.js" ></ script > < script type = "text/javascript" src = "dcodes/menus/superfish/js/supersubs.js" ></ script > < script type = "text/javascript" > $(document).ready(function(){ $("ul.sf-menu.sf-basic").superfish(); }); $(document).ready(function(){ $("ul.sf-menu.sf-vertical").superfish({ animation: {height:'show'}, delay: 1200 }); }); $(document).ready(function(){ $("ul.sf-menu.sf-navbar").superfish({ pathClass: 'current' }); }); </ script > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <!-- DC Superfish Menu CSS --> < link type = "text/css" rel = "stylesheet" href = "http://cdn.dcodes.net/2/menus/superfish/css/superfish.css" /> < link type = "text/css" rel = "stylesheet" href = "http://cdn.dcodes.net/2/menus/superfish/css/superfish-vertical.css" /> < link type = "text/css" rel = "stylesheet" href = "http://cdn.dcodes.net/2/menus/superfish/css/superfish-navbar.css" /> <!-- jQuery Library (skip this step if already called on page ) --> < script type = "text/javascript" src = "http://cdn.dcodes.net/2/jquery.min.js" ></ script > <!-- (do not call twice) --> <!-- DC Superfish Menu JS --> < script type = "text/javascript" src = "http://cdn.dcodes.net/2/menus/superfish/js/hoverIntent.js" ></ script > < script type = "text/javascript" src = "http://cdn.dcodes.net/2/menus/superfish/js/superfish.js" ></ script > < script type = "text/javascript" src = "http://cdn.dcodes.net/2/menus/superfish/js/supersubs.js" ></ script > < script type = "text/javascript" > $(document).ready(function(){ $("ul.sf-menu.sf-basic").superfish(); }); $(document).ready(function(){ $("ul.sf-menu.sf-vertical").superfish({ animation: {height:'show'}, delay: 1200 }); }); $(document).ready(function(){ $("ul.sf-menu.sf-navbar").superfish({ pathClass: 'current' }); }); </ script > |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | <!-- DC Superfish Menu Start --> < ul id = "sample-menu-1" class = "sf-menu sf-basic" > < li class = "current" > < a href = "#a" >menu item</ a > < ul > < li > < a href = "#aa" >menu item</ a > </ li > < li class = "current" > < a href = "#ab" >menu item</ a > < ul > < li class = "current" >< a href = "#" >menu item</ a ></ li > < li >< a href = "#aba" >menu item</ a ></ li > < li >< a href = "#abb" >menu item</ a ></ li > < li >< a href = "#abc" >menu item</ a ></ li > < li >< a href = "#abd" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > </ li > < li > < a href = "#" >menu item</ a > < ul > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > </ li > </ ul > <!-- DC Superfish Menu End --> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | <!-- DC Superfish Menu Start --> < ul id = "sample-menu-3" class = "sf-menu sf-vertical" > < li class = "current" > < a class = "sf-with-ul" href = "#a" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li > < a href = "#aa" >menu item</ a > </ li > < li class = "current" > < a class = "sf-with-ul" href = "#ab" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li class = "current" >< a href = "#" >menu item</ a ></ li > < li >< a href = "#aba" >menu item</ a ></ li > < li >< a href = "#abb" >menu item</ a ></ li > < li >< a href = "#abc" >menu item</ a ></ li > < li >< a href = "#abd" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#" >menu item</ a ></ li > </ ul > </ li > </ ul > </ li > < li > < a href = "#" >menu item</ a > </ li > </ ul > <!-- DC Superfish Menu End --> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 | <!-- DC Superfish Menu Start --> < ul id = "sample-menu-4" class = "sf-menu sf-navbar" > < li > < a class = "sf-with-ul" href = "#" >long menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >subitem 1a</ a ></ li > < li >< a href = "#" >subitem 1b</ a ></ li > < li >< a href = "#" >subitem 1c</ a ></ li > < li >< a href = "#" >subitem 1d</ a ></ li > </ ul > </ li > < li class = "current" > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li > < a class = "sf-with-ul" href = "#" >subitem 2a< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#aba" >menu item</ a ></ li > < li >< a href = "#abb" >menu item</ a ></ li > < li >< a href = "#abc" >menu item</ a ></ li > < li >< a href = "#abd" >menu item</ a ></ li > </ ul > </ li > < li class = "current" > < a class = "sf-with-ul" href = "#" >path to current< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#aba" >menu item</ a ></ li > < li >< a href = "#abb" >menu item</ a ></ li > < li class = "current" >< a href = "#abc" >current page</ a ></ li > < li >< a href = "#abd" >menu item</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >subitem 2c< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >menu item</ a ></ li > < li >< a href = "#aba" >menu item</ a ></ li > < li >< a href = "#abb" >menu item</ a ></ li > < li >< a href = "#abc" >menu item</ a ></ li > < li >< a href = "#abd" >menu item</ a ></ li > </ ul > </ li > < li >< a href = "#" >subitem 2d</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >if no subitems, duplicate parent item href and use this as descriptive label</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >subitem 4a</ a ></ li > < li >< a href = "#" >subitem 4b</ a ></ li > < li >< a href = "#" >subitem 4c</ a ></ li > < li >< a href = "#" >subitem 4d</ a ></ li > </ ul > </ li > < li > < a class = "sf-with-ul" href = "#" >menu item< span class = "sf-sub-indicator" > »</ span ></ a > < ul > < li >< a href = "#" >subitem 5a</ a ></ li > < li >< a href = "#" >subitem 5b</ a ></ li > < li >< a href = "#" >subitem 5c</ a ></ li > < li >< a href = "#" >subitem 5d</ a ></ li > </ ul > </ li > </ ul > <!-- DC Superfish Menu End --> |
© TemplateAccess