图片/图形

3D倾斜滚动页面jQuery效果

阿里云


tiltedpage-scroll 是一款奇妙的 jQuery 图片效果插件。这个图片效果插件在你滚动页面的时候图片产生 3d 倾斜,整个页面看上去十分有空间感。

HTML 结构

  1. <div class="main">
  2.   <section class="page1">
  3.     ...
  4.   </section>
  5.   <section class="page2">
  6.     ...
  7.   </section>
  8.   ...
  9.   <section class="last-page">
  10.     ...
  11.   </section>
  12. </div>
也想出现在这里?联系我们
创客主机

调用方法

首先要引入 jQuery 和 jquery.tiltedpage_scroll.js

  1. $(".main").tiltedpage_scroll({
  2.    sectionContainer: "> section",     // In case you don't want to use <section> tag, you can define your won CSS selector here
  3.    angle: 50,                         // You can define the angle of the tilted section here. Change this to false if you want to disable the tilted effect. The default value is 50 degrees.
  4.    opacity: true,                     // You can toggle the opacity effect with this option. The default value is true
  5.    scale: true,                       // You can toggle the scaling effect here as well. The default value is true.
  6.    outAnimation: true                 // In case you do not want the out animation, you can toggle this to false. The defaul value is true.
  7.  });

更多信息:https://github.com/peachananr/tiltedpage_scroll

3D 倾斜滚动页面 jQuery 效果

已有 387 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!