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代码以及兼容主流浏览器,适配手机等移动终端等特性。

在线演示

源码下载

10.Nivoslider:丰富的图片切换效果-百叶窗效果

Nivoslider是一款基于jQuery的,能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。

在线演示

源码下载

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。