码迷,mamicode.com
首页 > Web开发 > 详细

10款超酷实用的jQuery焦点图赏析及源码

时间:2015-01-19 18:40:01      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:

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种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。

技术分享

在线演示

源码下载

10款超酷实用的jQuery焦点图赏析及源码

标签:

原文地址:http://www.cnblogs.com/tswcypy/p/4234390.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!