jQuery单页组合资源展示

几个星期前，我们发表了一页组合展示，并指出其中的一些趋势。这些网站许多使用jQuery来完成具体情况。在这个后，我们将一些功能插件和教程，为单页的理想组合。当然，也可以用于其他类型的网站，以及，但它们非常适合中，以配合一个潮流页面组合。

联系形式：
所有网站需要的投资组合，让观众可以接触设计，无论是通过一个电子邮件地址或联系形式。单页的网站面临着包括不使用它一个单独的页面可用的联系方式的挑战。这两种资源可以帮助建立联系表，不会占用太多的网页空间。

Using Form Labels as Text Fields
地球的CSS教程，它提供了一个为在有限的空间，这往往是一个页的组合形式的接触情况理想。该脚本还可以下载了在自己工作中使用。

Creating a Slide-In jQuery Contact Form
隐避联系表单可以是非常有用的情况下的页面，否则以更为传统的联系表格凌乱。夏克告诉我们在单击时如何设计创建一个幻灯片的形式。

Navigation导航:

虽然只有一页组合保持在单页上的一切，该网页的大小，通常需要某种类型的导航，将方便游客从一个网页到另一个部分。

Create a Hovering Scroll to Top Button with jQuery
因为一个页的网站往往会比较长，是有帮助的一个链接，让观众可以轻松地返回到页面的顶部。 Cherrysave有一个教程，演示如何创建一个按钮，会死死的用户滚动。

美丽滑出导航：一个CSS和jQuery教程
本教程演示如何创建一个导航菜单将几乎在滑动时，它可以节省一些在拥挤的空间隐藏的网页。

Scrolling卷动:

JavaScript是经常与在单页的网站导航来创建平滑滚动效果。这里有一些资源。

Smooth Anchors jQuery Plugin

Smooth Page Scrolling
Chris Coyier显示了一个简单的方法来实现平滑滚动。

Lightbox模态窗效果:

One-page portfolios often use thumbnails to showcase their work, with larger images being shown when clicked. LightBox scripts are frequently used to give these images a nice look and to make it more usable for visitors. Here are a few options.

jQuery lightBox Plugin

Fancybox

Shadowbox (JavaScript, but not jQuery)

Fancy Zoom

滑块和画廊:

jQuery的滑块和画廊也可用于展示，而不占用大量空间你的工作。他们可以提供一个有吸引力的投资组合和令人印象深刻的外观，并有一些脚本和教程数目。

Create a Slick and Accessible Slideshow Using jQuery
显示了如何创建一个可用于展示在一个单页的投资组合您的工作中使用幻灯片。

Fancy Thumbnail Hover Effect with jQuery
演示了一个小画廊也可以用来展示你的工作空间有限。

Create a Beautiful jQuery Slider Tutorial
本教程演示了一个有吸引力的滑块来展示您的工作。

How to Create a Fancy Image Gallery with jQuery

Coda Slider Effect
This popular tutorial shows how to replicate the slider used by Coda.

Easy Slider
This is a plugin from CSS Globe that can be used for showcasing your work.

英文：jQuery Resources for One-Page Portfolios

翻译：web启点

来源：jQuery单页组合资源展示|web启点