效果超赞的单页jQuery插件

Posted 2021-04-08 PHP100中文网

本文是php100中文网原创翻译，转载请看文末的转载要求，谢谢合作！

对内容比较少或为简化浏览体验的网站，单页网站是个不错的选择。

虽然它们被用在许多类型的内容上面，但它们更适用于文件夹，事件和应用程序（通常是手机应用程序）。

这类网站能通过别致的滚动效果，对话框，提示等不同的方式做得更丰富多彩，更吸引人。

作为一个单页面网站爱好者，下面是一些我用来建单页网站常用的很棒的jQuery插件。

点击分标题或图片即可查看插件动画效果

jQuery滚动路径

这是个很原始的插件，能让我们画一个完全自定义的任何形状的滚动路径（用曲线）。

html元素可以添加到这个路径和事件里，比如鼠标滚轮、向上/向下方向键或空格键将会带你跟随路径滑向下一个元素，还有动画效果哦。

此插件还有一个可选的自定义滚动条，可以实现点击和拖动效果。此外，这个插件允许使用CSS转换旋转整个页面，是不是很酷？

Ascensor.js

这个jQuery插件能让我们把内容块定位到画布的任何坐标上面，并且能通过键盘来浏览这些内容块。

部分内容浏览起来好像一个能上下左右运动的电梯系统。

Curtain.js

Curtain.js能使用一个窗帘上升的效果来展示多个固定面板，做出这么好的滚动效果确实很了不起！

同样，这个插件也能使用键盘或鼠标滚轮进行滚动。

Zoomooz.js

Zoomooz实际上是一个变焦插件，然而，它能很方便地用在单页网站上聚焦不同的区域。

Pagify.js

这是jQuery插件式专门为单页面网站开发的。

他通过创建像单独的HTML文件一样创建出每个菜单的内容，然后当这个菜单项被点击时就会把这些HTML文件装载到一个已定义的‘

’里面。

jQuery单页面导航插件

JustaPage

JustaPage不仅仅是个插件，还能作为单页面网站的模板。

这个模板能跨浏览器使用，并且它还能用在移动端。

技术文章看累了？？那就来点生活小测验吧。。。

看清一个人只需两个动作，不信就来！！！

这是一道（USA UNO SANO URANA)性格诊断题，利用人类左右脑各司其职

的特性，设计了简单的两个惯性动作，从而分辨出这个人习惯以左脑(主

理性、语言、计算，分析)还是右脑(主感性、直觉、想象，创造)作为解

读信息用的“接收脑”，以及决定怎么说、怎么行动的“传达脑”? 进

而，了解一个人的潜在性格与行为模式。快试试吧，看看准，不，准！


动作1、两手直觉十指交握
握好没，别偷看答案……

A、左手拇指在上──“U”
B、右手拇指在上──“SA”

动作2、双手直觉交错抱胸
抱好没，别偷看答案……

A、右手臂在上──“U”
B、左手臂在上──“SA”

将动作1和2的结果（共两个字）顺序组合起来，结果得出8种组合，它们分别是：

1、SASA女；

2、USA女；

3、UU女；

4、SAU女；

5、SASA男；

6、USA男；

7、UU男；

8、SAU男；

点击上面 “PHP100互联网开发者社区”，关注后回复“你测试组合的

，准不准朋友说了算。