css3滚动倾斜,jQuery 3D倾斜滚动页面效果

tiltedpage-scroll是一款十分美妙的jQuery 3D倾斜图片插件。使用这个插件你可以做成一个很漂亮的3d倾斜图片滚动效果。

HTML结构

...

调用方法

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

$(".main").tiltedpage_scroll({

sectionContainer: "> section", // In case you don't want to use tag, you can define your won CSS selector here

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.

opacity: true, // You can toggle the opacity effect with this option. The default value is true

scale: true, // You can toggle the scaling effect here as well. The default value is true.

outAnimation: true // In case you do not want the out animation, you can toggle this to false. The defaul value is true.

});

css3滚动倾斜,jQuery 3D倾斜滚动页面效果相关推荐

php无缝滚动文字,JQuery文字无缝滚动效果实现方法
本文主要介绍了JQuery实现文字无缝滚动效果示例代码(Marquee插件),具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 推荐一个JQuery的无缝文字滚动效果,同时也可以滚 ...
ajax实现滚动刷新,jquery如何实现滚动自动加载
前提:引入jquery文件. html 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 css *{ margin: 0; paddin ...
html页面左右滑动固定插件,jQuery全屏滚动插件fullPage.js让你的页面分屏滚动
随着扁平化风格的日益流行,越来越多的网页越来越简单但又看上去高大上,比如小米.魅族.苹果等等知名站点的新品页面,以及360.百度等网站的专题页面越来越采用分屏滚动的风格. 当然实现这种风格的方法有多种 ...
分享一款jQuery全屏滚动页面特性案例
分享一款jQuery全屏滚动页面特性案例. 我们在来往官网,或者小米官网都会看到全屏滚动页面的一些例子.可以说全屏滚动页面越来越受欢迎.它们就像是竖着的图片轮转一样. 这样的页面有很多,如:iPhon ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
jquery滚动条平滑滚动_使用jQuery平滑垂直或水平页面滚动
jquery滚动条平滑滚动 View demo 查看演示Download Source 下载源 In this tutorial we will create a simple smooth scro ...
用jquery实现平滑的页面滚动效果
用jquery实现平滑的页面滚动效果通过几句jquery代码实现页面平滑滚动到某一锚点的效果.实现代码来源于 https://css-tricks.com/snippets/jquery/smoot ...
css使图片有3d效果,利用CSS3实现3D倾斜视差图片展示特效
特效描述:利用CSS3实现 3D倾斜视差图片展示特效.利用CSS3实现3D倾斜视差图片展示特效代码结构 1. HTML代码 Movies Popular Princess Mononoke Sp ...
jQuery全屏滚动插件 Fullpage.js 及 move.js
Fullpage.js 引入文件 <link rel="stylesheet" href="css/jquery.fullPage.css"> &l ...

css3滚动倾斜,jQuery 3D倾斜滚动页面效果

css3滚动倾斜,jQuery 3D倾斜滚动页面效果相关推荐

最新文章

热门文章