10款超酷实用的jQuery焦点图赏析及源码-爱前端网

1.jquery整屏滚动插件Scrollify

Scrollify是一个jQuery插件协助整屏滚动和顺利拍摄部分。完全可配置和优化。

在线演示

源码下载

2.jquery实现网易邮箱页面插件fullPage.js

jquery实现网易邮箱页面插件fullPage.js

在线演示

源码下载

3.jQuery滚动菜单插件Section Menu

jQuery插件创建一个侧面部分的菜单，您可以滚动到页面上的不同部分

在线演示

源码下载

4.横向滚动鼠标插件Horwheel

Horwheel是一个插件让您的鼠标滚轮支持横向滚动。这是跨浏览器兼容的。

在线演示

源码下载

5.3种形式tips帮助提示框代码

3种形式tips帮助提示框代码，鼠标悬停在问号上，出现提示框。提示框有纯文字，html代码，图片三种形式。

在线演示

源码下载

6.jQuery可拖动图标导航菜单

一款jQuery可拖动图标导航菜单网页特效，鼠标滑过显示详细菜单、按住鼠标可随意拖动位置。网页制作菜单特效JS代码素材。

在线演示

源码下载

7.jQuery手机响应式设计焦点图

一款jQuery手机响应式设计焦点图网页特效代码，自适应宽屏焦点图，支持左右按钮点击切换，支持添加文字标题。

在线演示

源码下载

8.js层插件可自定义js弹出层动画特效

javascript弹出层插件支持点击触发js弹出层，滑过触发js弹出层，带动画效果js弹出层，可自定义函数回调js弹出层。

在线演示

源码下载

9.使用Skrollr创建视差滚动效果页面

视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。随着用户对视觉体验的要求不断提高，WEB开发者开始在网页中加入各种特效元素以满足用户的需求。今天这篇文章给大家推荐一个优秀的视差动画Javascript库——Skrollr.js。Skrollr是一个使用了HTML5和CSS3的轻量级JavaScript视差滚动类库。它是不依赖于其它框架的独立类库，可以让你快速打造出视差滚动效果。它可以让我们给任意元素设置关键帧的CSS属性，然后它会自动形成动画效果。更重要的一点是，使用此类库时不用写复杂的JS代码以及兼容主流浏览器，适配手机等移动终端等特性。