当前位置:首页 > 日记 > 正文

打开侧边栏菜单的特殊效果代码基于jQuery的倾斜

打开侧边栏菜单的特殊效果代码基于jQuery的倾斜
基于多张图片的无限循环动画效果。这是一款非常实用的jQuery多画面无限循环动画特效插件。

结果如下:

在线预览源代码下载

HTML代码:
回家
关于我们
我们的工作
接触

单击左上角的按钮打开菜单。
应用:火狐,Chrome,浏览器,Safari,Opera,搜狗,傲游,世界之窗。浏览器不支持IE。
JS代码:
无功papermenu = { {
美元($ #窗户:窗户纸),
paperfront美元($ #纸:前面的),
汉堡包:(美元,汉堡包),
偏移:,
PageHeight:$(#论文前面的)OuterHeight(),
打开:函数(){
这window.addclass美元('tilt);
这hamburger.off美元(听到咔哒声);
$(#容器。汉堡),(听到咔哒声,this.close.bind(这));
This.hamburgerFix(真的);
/ / console.log('opening…);
},
关闭:函数(){
这window.removeclass美元('tilt);
$(#容器。汉堡)。关(听到咔哒声);
这hamburger.on美元(听到咔哒声,this.open.bind(这));
This.hamburgerFix(假);
/ / console.log('closing…);
},
UpdateTransformOrigin:函数(){
scrollTop =这window.scrolltop美元();
方程=(scrollTop +这个偏移量)/ this.pageheight *;
这paperfront.css美元('transform-origin ','center +方程+%);
},
HamburgerFix:功能(开){
如果(打开){
美元(汉堡包)Css({
位置:绝对的,
上图:这个window.scrolltop美元()+ 'px
});
{人}
setTimeout(){()函数(
美元(汉堡包)Css({
位置:固定的,
上图:'px
});
});
}
},
BindEvents:函数(){
这hamburger.on美元(听到咔哒声,this.open.bind(这));
$(关闭),(听到咔哒声,this.close.bind(这));
这window.on美元('scroll ',this.updatetransformorigin.bind(这));
},
init:函数(){
this.bindevents();
This.updateTransformOrigin();
}
};
PaperMenu.init();

相关文章

搞笑签名文件搞笑个性签名

搞笑签名文件搞笑个性签名

签名文件,搞笑,个性签名,电脑软件,QQ签名已经成为我们同学生活中必不可少的元素。90点过后对吗你有空时动动手指吗一方面,QQ改变了签名。你的签名是足够的潮;Xiaomi在这里给你一些有趣的LOL签名文件,你想留下来。 1,这个球员虐待了我几千次,我就…

山水画在玻璃版印刷中的PS制作

山水画在玻璃版印刷中的PS制作

山水画,玻璃,电脑软件,PS,本教程是介绍一个朋友,PS创建景观,并把它打印成玻璃。之后,效果非常漂亮。入门课程非常适合初学者。 Landscape painting is always a product of our excellent Chinese civilization, its charm is inexhaustible, …

如何利用word技术对单词表中的数据

如何利用word技术对单词表中的数据

排序,数据,词表,技术,电脑软件,当我们使用word来创建和编辑表单时,有时需要对表中的数据进行排序。接下来,萧边,我想和你分享一个表排序方法在字。欢迎阅读: 排序是什么 排序是计算机中经常执行的一种操作。其目的是为了调节一组序列记录;无序…

PS图象处理软件创造了一个漂亮的巧

PS图象处理软件创造了一个漂亮的巧

图象,处理软件,创造了,漂亮,惠而浦,本教程介绍给朋友,PS图象处理软件,创建一个美丽和强大的巧克力旋涡心情的方法。这个教程的效果真的很好。建议喜欢的朋友一起学习,希望能对你有所帮助。 这部分告诉你利用PS图象处理软件创造一个美丽富饶的…

Excel如何在表顶部的excel表中设置

Excel如何在表顶部的excel表中设置

设置,背景,如何在,电脑软件,Excel,Excel是微软办公系统的电子表格程序。你可以用Excel创建一个工作簿(收集电子表格)并设置工作簿的格式对数据进行分析,并做出更明智的业务决策。特别是,您可以使用Excel来跟踪数据,生成的数据分析模型,编制计算公…

非主流情感签名

非主流情感签名

非主流,情感,电脑软件,网络社会的不断发展带动了社会各界,互联网的更新速度是惊人的,在浩瀚的网络中,你也希望我能留下一个难忘的印记或符号,这里是编者为你排序的非主流感情签名的情侣,希望有你的爱。 1,我收回记忆,切断你所有的消息 2。对不起,俄…

PS鼠标彩绘的香皂非常漂亮。

PS鼠标彩绘的香皂非常漂亮。

鼠标,彩绘,漂亮,电脑软件,PS,本教程是介绍SOAP朋友PS鼠标的方法,画的很漂亮的纹理,做的很好的soap教程,推荐给喜欢的朋友来学习一下。 本教程教学习者使用PS鼠标画PS鼠标绘制贴图的SOAP肥皂,教程很漂亮,渲染也不难,推荐朋友分享学习,希望大家喜欢…

PS拍摄一个美丽的女人蹲在丛林中创

PS拍摄一个美丽的女人蹲在丛林中创

童话故事,创造一个,丛林,一个美丽,神奇,本文主要介绍了PS在丛林中的一个美丽女子的故事,创造了一个神奇的童话,后来的思想决定了魔法童话,所以整个色调接近扭曲和梦想的效果,一个坐在森林里的模型,非常适合一个光照下来(廷德尔效应)。 原来的电影…

介绍PS的配置要求和新特点

介绍PS的配置要求和新特点

配置,电脑软件,PS,配置要求 Photoshop8.0 PowerPC(R)G3、G4或G5 Mac OS X 10.2.4处理器版本到10.3版,用java运行时环境1.4.1 192mb RAM(推荐256MB)320mb可用硬盘空间彩色显示1024X768 16位色或更高的视频卡或更高分辨率的显示器驱动PS CS6 被称…

经典人格签名英文经典个性签名

经典人格签名英文经典个性签名

英文,经典,个性签名,人格,电脑软件,每个人都有自己的签名。你必须绞尽脑汁才能使你的签名与众不同。现在没有必要纠结了。这里是一些经典英文个性签名推荐萧边。你看到了吗 1,有些人永远不会被遗忘,有些人永远是代替品。 有些人永远不会被遗…

ai绘制标准图标的基本工具小教程

ai绘制标准图标的基本工具小教程

工具,绘制,图标,教程,标准,本教程是向朋友介绍标准的图标方法的AI基本工具。它非常适合初学者学习和绘制标准图标。 这是非常方便的使用人工智能界面设计,但事实上很多朋友不知道如何绘制图标是标准的过程,这个小教程像ai学习者的工具,用AI来…

PS使超级简单和纹理可爱的牛奶字体

PS使超级简单和纹理可爱的牛奶字体

牛奶,字体,纹理,可爱,简单,本教程介绍给PS,一个朋友,创建一个超级简单和文本的方式可爱的牛奶字体。教程生成的字体非常可爱,难度也不是很大。建议你喜欢你的朋友一起学习。 本教程介绍给PS,一个朋友,他做了超简单和纹理牛奶字体。这个教程真的…