|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
|||
|
My website is way to long and I've had complains about scrolling requirements. I would like for each section to roll down and up upon mouseclick, but I have no idea how to achieve this effect. Any thoughts, links, or code would be greatly appreciated!!
www.waterfuelconverters.com |
|
||||
|
I'm not sure what it is you're trying to do. Do you have an example of what you're looking for?
|
|
||||
|
Quote:
__________________
"Being an expert isn't telling other people what you know. It's understanding what questions to ask, and flexibly applying your knowledge to the specific situation at hand. Being an expert means providing sensible, highly contextual direction." Jeff Atwood SEO Workers - Search Engine Optimization Consulting Company | SEO Analysis Tool | Webnauts Net SEO |
|
|||
|
Give this a try.
<style type="text/css"> a.hid {color:#000; text-decoration:none; outline-style:none;} a.hid em {display:none;} a.hid:hover {text-decoration:none;} a.hid:active, a.hid:focus {background:#fff; color:#0000FF;} a.hid:active span, a.hid:focus span {display:none;} a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;} </style> </head> <body> <a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category One</span>Main Category One Add One Link here Add One Link here Add One Link here</a> <a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category Two</span>Main Category Two Add Two Link here Add Two Link here Add Two Link here</a> <a class="hid" href="#more" onclick="this.hideFocus=true" onblur="this.hideFocus=false"><span>Main Category Three</span>Main Category Three Add Three Link here Add Three Link here Add Three Link here</a> EDIT: Sorry. After looking at this more I found this didn't work in FF. Might be a nesting problem with "a" tags. Works fine for adding "More" text, just not links. Maybe one of you pros can figure out another way. |
|
|||
|
I played with this awhile and couldn't get internal links to work without JS.
You might search for Menu Tree and find many scripts that would do the job. I was hoping to give you a simple answer without JS. You might also modify a dropdown menu and stack these on top of one another. Hope that helps. |
|
||||
|
Quote:
Collapsible Menu For a similar menu that floats, try this: Floating Collapsible Menu |
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |