• 文化山西:风华长城岁月歌 2019-10-15
  • 王晨:抓好大气污染防治 实现人民群众蓝天白云美好期盼 2019-10-09
  • 马伊琍庆幸文章逼自己走出舒适区:他说话难听但特别对 2019-10-09
  • 上合组织发展进程中一座新的里程碑 2019-10-08
  • 男子冒充澳商交往多人行骗被抓 现场来6个女友 2019-10-05
  • 谁还不是个小仙女了!甜而不腻的穿搭太撩人,直击你的粉色少女心! 2019-10-04
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-10-04
  • 【北京达世行世纪车型报价】北京达世行世纪4S店车型价格 2019-10-03
  • 但愿越南不是“颜色革命”!社会实践的事实一再证明,“社会主义”离开马列主义原则的改革开放,将是死路一条! 2019-10-03
  • 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2019-09-25
  • (两会受权发布)中华人民共和国全国人民代表大会公告(第六号) 2019-09-16
  • 赵久占、郭健斌任天津市北辰区人民政府副区长 2019-09-16
  • 杨箕寺右 百余龙舟齐汇江面 2019-09-13
  • 特朗普敬礼被批相关新闻 2019-09-13
  • 回复@“老笑头”,你的牛二逻辑确实很通透!论坛奇葩!哈哈哈哈! 2019-09-09
  • Jquery中文网 码报 www.okkrb.tw
    Jquery中文网 >  jQuery  >  jquery 教程  >  正文 六款帮助你实现惊艳视差滚动效果的jQuery插件

    2017年码报资料:六款帮助你实现惊艳视差滚动效果的jQuery插件

    发布时间:2013-09-23   编辑:码报 www.okkrb.tw
    视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是改变
    在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例:

    码报 www.okkrb.tw 视差(Parallax)是指从不同的点看一个物体时形成的视觉差异,这个名词是源自希腊文的παράλλαξις (parallaxis),意思是"改变"。在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例:

      相信你非常想知道上面这些网页的精美视差滚动效果是如何实现的,今天这篇文章就和大家分享六款精心挑选的 jquery 视差滚动效果插件,它们能够帮助你制作出精美的视差滚动效果。

     

    Sequence.js

    Sequence 是一款非常优秀的 jQuery 滑动插件,能实现多种精美的滑动效果,其中之一就是水平方向的视差滚动。

     

     

    在线演示  下载源码

     

    jQuery Scroll Path

    这款插件用于实现自定义路径的滚动效果??梢韵允臼褂?Canvas 绘制路径线条和弧形,看到非常形象的运动效果。

     

     

    在线演示  下载源码

     

    Parallax Slider with jQuery

    这个视差滚动滑动效果多次在我的博文中出现过,相信关注我博客的朋友一定不会陌生,有非常详细的制作教程。

     

     

    在线演示  下载源码

     

    jQuery Parallax

    这款 jQuery 插件实现了类似 Nikebetterworld.com 产品展示页面的视差滚动效果,代码托管在 Github 上面。

     

     

    在线演示  下载源码

     

    Scrollorama

    这款 jQuery 插件能够帮助你实现非??岬墓龆Ч?,可以应用飞入、缩放、淡入淡出等多种过渡效果。

     

     

    在线演示  下载源码

     

    Stellar.js

    正如它的口号所说:实现视差滚动效果从未如此容易,的确,它能帮助轻松的实现网页视差滚动效果。

     

     

    在线演示  下载源码

     

    jParallax

    这款基于 jQuery 的视差滚动插件使用简单,官方提供了五种不同的效果演示。

     

     

    在线演示  下载源码

    您可能感兴趣的文章:
    六款帮助你实现惊艳视差滚动效果的jQuery插件
    推荐40个简单的 jQuery 导航插件和教程(下篇)
    11个用于提高排版水平的基于jquery的文字效果插件
    推荐40款强大的 jQuery 导航插件和教程(上篇)
    非常有用的40款jQuery 插件推荐(系列二)
    10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
    40款非常有用的 jQuery 插件推荐(系列一)
    Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
    jQuery图片播放8款精美插件分享
    Stellar.js

    关键词: 惊艳视差  滚动效果   
    [关闭]
  • 文化山西:风华长城岁月歌 2019-10-15
  • 王晨:抓好大气污染防治 实现人民群众蓝天白云美好期盼 2019-10-09
  • 马伊琍庆幸文章逼自己走出舒适区:他说话难听但特别对 2019-10-09
  • 上合组织发展进程中一座新的里程碑 2019-10-08
  • 男子冒充澳商交往多人行骗被抓 现场来6个女友 2019-10-05
  • 谁还不是个小仙女了!甜而不腻的穿搭太撩人,直击你的粉色少女心! 2019-10-04
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-10-04
  • 【北京达世行世纪车型报价】北京达世行世纪4S店车型价格 2019-10-03
  • 但愿越南不是“颜色革命”!社会实践的事实一再证明,“社会主义”离开马列主义原则的改革开放,将是死路一条! 2019-10-03
  • 月薪过万白领辞职回乡养鸡 亏数十万后回城找工作 2019-09-25
  • (两会受权发布)中华人民共和国全国人民代表大会公告(第六号) 2019-09-16
  • 赵久占、郭健斌任天津市北辰区人民政府副区长 2019-09-16
  • 杨箕寺右 百余龙舟齐汇江面 2019-09-13
  • 特朗普敬礼被批相关新闻 2019-09-13
  • 回复@“老笑头”,你的牛二逻辑确实很通透!论坛奇葩!哈哈哈哈! 2019-09-09
  • 利用网赌漏洞假充值 电子投注单怎么兑换 一肖一码期期准网站肖 抢庄牛牛可以开挂吗 重庆时时龙虎和下载 狗万赢钱·提现快 3个骰子玩法及讲解 8年玩彩经验 网球比分网即时比分90 北京pk10全天稳定计划