In this article wed like to present a list of over 30 hand-picked Sliders, Scrollers and scrollbar techniques you can use to achieve some special visual effects in your designs.
websites that use javascript to scroll or slide the viewing window and the different ways the effect is used for user experience, effect, and design.
Lightweight accessible content scroller. Very easy to apply.
Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to reveal/ close it.
8 Fantastic jQuery Tutorials for Designers.
Have a look at the 10 Sample Websites below which use JavaScript animations minimally and effectively
Here's the problem: you have a container with some content in it like an image along with some initial descriptive text. Then, when users hover their mouse over the container, a hidden container is revealed to present additional information over top of the current information but in a way that retains content from the original container.
This was essentially the problem presented to me by
Anton Peck. He had originally asked for a way to do this with JavaScript. To which I provided the following solution that didn't need to use JavaScript at all.
Check out the quick demo.
When you hover over the container, a new container is displayed over the existing content. The trick here is the use of position:relative to allow the static content to appear over absolutely positioned content.
Read more
Written by Jonathan Snook · Filed Under design corner | Comments Off
