jquery带缩略图轮播_带有jQuery的可滚动缩略图菜单

jquery带缩略图轮播

View demo 查看演示 Download Source 下载源

In this tutorial we will create a fixed menu with scrollable thumbs. The idea is to have a menu fixed to the bottom of the page and let a vertical stack of thumbs appear when hovering over a menu item. The thumbs are scrollable by moving the mouse up and down which makes a really nice effect. We will add some CSS3 properties for spicing up the looks.

在本教程中，我们将创建一个带有可滚动指针的固定菜单。 想法是将菜单固定在页面底部，并在将鼠标悬停在菜单项上时出现竖排的拇指。 通过上下移动鼠标可以滚动拇指，效果非常好。 我们将添加一些CSS3属性以增强外观。

We will base our jQuery code on the Vertical Scrolling Menu of Andrew Valums.

我们将基于Andrew Valums的Vertical Scrolling Menu建立jQuery代码。

The images used in the demo are from the incredible fashion photo collection by kk+ on flickr.

该演示中使用的图像来自flickr上kk +的令人难以置信的时尚照片集。

So let’s get started!

因此，让我们开始吧！

标记 (The Markup)

The HTML is pretty straightfor