Features

Inspired by Envato site-switcher, here is what I came up with, a sticky side panel made with CSS and enhanced greatly with jQuery.

Show on Hover/Click/Dblclick

Set menu to be shown when mouse hover, click, or double-click. In this page, you can see the left one is click and the right one is hover.

Works without JS (CSS Fallback)

Built from ground up, Sticklr is friendly for user having their JavaScript disabled. Although this is an extreme rare case.

Left/Right Side

There is no right placement whether it's right or left. Sometimes it could be both.

Fixed position

Even if you scroll the page, Sticklr will remain in it's place. Sticklr will always follow you in the middle on the side of the page.

Multiple column

Menu can be separated in multiple columns with different title, you only need to make a separate list for each column.

Flexible Styling

Easy to customize the styling right from CSS, that's why it's CSS file is separated from the jQuery script.

Centered Automatically

Sticklr is smartly positioned. Resizing your browser would automatically correct the position itself to center of the browser.

Cross-browser compatible

Sticklr has been tested to work on IE7+, Firefox 3+, Chrome 11+. If you still found a bug, please shoot me an email so I can fix it.

Simple & lightweight

Come with <10KB minified JS+CSS, a fair size for a nice enhancement.

适用浏览器:IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari。

来源:站长素材