This is a project I did over a weekend for my own fancy little front page scroller we always see on websites these days designed for advertising their latest products or blog posts. I would say that 50% of these are all still made in flash. Flash is slow, buggy and incompatible with alot of things and esspecialy wont work on a tablet. So I decided to make my own very compatible scroller for use on any new sites I make.

The entirety of this project is made in pure CSS and JavaScript/jQuery as coding with those languages is the easiest way to maintain compatibility across browsers. So I needed a way to scroll and animate between DIV layers in JavaScript at which point I found the custom jQuery function (.scrollTo) written by Ariel Flesler.

Using a heafty amount of my own nifty JavaScript and beatifull CSS skills I utalised this handy function to make my lovely scroller you see in the screenshot above. To try it out for yourself then click here

The features of my scroller are listed below

• Auto Scrolling
• Pause/Un-Pause Auto Scrolling
• Navigation Dots for Manual Scrolling
• Current Pane On View Showed with Color change of Navigation Dots
• MouseOver triggers current panes Label Animation
• Compatability with Mobile Devices/Tablets & Internet Explorer (IE7 >)
• Completely CSS and JavaScript/jQuery Only