百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 影视推荐 > 正文

3d parallax background(3dparallaxbackground汉化版)

wolijun 2025-07-24 01:18 20 浏览

如何使用css完成视差滚动效果?

1.操作cookie的插件jquery.cookie.js

添加

$.cookie(&#;the_cookie&#;, &#;the_value&#;);

设置时长

$.cookie(&#;the_cookie&#;, &#;the_value&#;, { expires: 7 });

设置路径

$.cookie(&#;the_cookie&#;, &#;the_value&#;, { expires: 7, path: &#;/&#; });

读取

$.cookie(&#;the_cookie&#;); // cookie存在 => &#;the_value&#;

$.cookie(&#;not_existing&#;); // cookie不存在 => null

删除

$.cookie(&#;the_cookie&#;, null);

3.将cookie写入文件

var COOKIE_NAME = &#;username&#;;

if( $.cookie(COOKIE_NAME) ){

$(&#;#username&#;).val( $.cookie(COOKIE_NAME) );

}

$(&#;#check&#;).click(function(){

if(this.checked){

$.cookie(COOKIE_NAME, $(&#;#username&#;).val() , { path: &#;/&#;, expires: , domain: &#;jquery.com&#;, secure: true });

//var date = new Date();

//date.setTime(date.getTime() + (3 * * * * )); //三天后的这个时候过期

//$.cookie(COOKIE_NAME, $(&#;#username&#;).val(), { path: &#;/&#;, expires: date });

}else{

$.cookie(COOKIE_NAME, null, { path: &#;/&#; }); //删除cookie

}

});

2.wow.js实用的滚动插件

HTML书写

<div class=&#;wow slideInLeft&#;></div>

可以加入 data-wow-duration(动画持续时间)和 data-wow-delay(动画延迟时间)属性,如:

<div class=&#;wow slideInLeft&#; data-wow-duration=&#;2s&#; data-wow-delay=&#;5s&#;></div>

JavaScript部分

new WOW().init();

如果需要自定义配置,可如下使用:

var wow = new WOW({

boxClass: &#;wow&#;,

animateClass: &#;animated&#;,

offset: 0,

mobile: true,

live: true

});

wow.init();

属性/方法

类型

默认值

说明


boxClass

字符串

‘wow’

需要执行动画的元素的 class

animateClass

字符串

‘animated’

animation.css 动画的 class

offset

整数

0

距离可视区域多少开始执行动画

mobile

布尔值

true

是否在移动设备上执行动画

live

布尔值

true

异步加载的内容是否有效

3.numscroller.js / countUP数字滚动增加插件

HTML书写

<script type=&#;text/javascript&#; src=&#;../js/jquery.js&#;></script>

<script type=&#;text/javascript&#; src=&#;../js/numscroller-.js&#;></script>

<div class=&#;numscroller&#; data-slno=&#;1&#; data-min=&#;0&#; data-max=&#;&#; data-delay=&#;8&#; data-increment=&#;1&#;></div>

div中必须有类 numscroller 和 data-slno data-min data-max data-delay data-increment 等属性

JS初始化

jQuery(function($) {

$(&#;.timer&#;).countTo({

lastSymbol:&#; %&#;, //显示在最后的字符

from: 0, // 开始时的数字

speed: , // 总时间

refreshInterval: , // 刷新一次的时间

beforeSize:0, //小数点前最小显示位数,不足的话用0代替

decimals: 2, // 小数点后的位数,小数做四舍五入

onUpdate: function() {

}, // 更新时回调函数

onComplete: function() {

for(i inarguments){

console.log(arguments[i]);

}

}

});

});

4.uploadfive.js带进度条文件上传插件

用法

<script src=&#;jquery.min.js&#; type=&#;text/javascript&#;></script>

<script src=&#;jquery.uploadifive.min.js&#; type=&#;text/javascript&#;></script>

<link rel=&#;stylesheet&#; type=&#;text/css&#; href=&#;uploadifive.css&#;>

<form>

<div id=&#;queue&#;></div>

<input id=&#;file_upload&#; name=&#;file_upload&#; type=&#;file&#; multiple=&#;true&#;>

<a style=&#;position: relative; top: 8px;&#; href=&#;javascript:$(&#;#file_upload&#;).uploadifive(&#;upload&#;)&#;>Upload Files</a>

</form>

$(&#;#file_upload&#;).uploadifive({

&#;auto&#; : false,

&#;checkScript&#; : &#;check-exists.php&#;,

&#;formData&#; : {

&#;timestamp&#; : &#;<?php echo $timestamp;?>&#;,

&#;token&#; : &#;<?php echo md5(&#;unique_salt&#; . $timestamp);?>&#;

},

&#;queueID&#; : &#;queue&#;,

&#;uploadScript&#; : &#;uploadifive.php&#;,

&#;onUploadComplete&#; : function(file, data) { console.log(data); }

});

篇幅有限,下面的列举可以上网查询

5.video.js视频插件 + pace.min.js视频进度条插件 + jquery.qrcode.js二维码生成插件

6.shakejs摇一摇工具插件

7.Bootstrap transition.js 插件--平滑过渡插件

8.event.js监控事件触发与否插件

9.swiper滚动banner插件(兼容移动端)

.jQuery Easy Background Resize / easyBackground.js 背景图片插件

.jbooklet.js ---书本真实翻页插件

.parallax.js---3D立体视觉场景动画效果跟随鼠标摆动

.shine.js---文字阴影插件

.jquery动画文字插件textillate-master / core_plugin / custom_effect

.Owl Carousel兼容所有浏览器的幻灯片插件

.漂亮的滚动条自定义插件--jquery.nicescroll.js

.支持图片上传预览的uploadPreview.js插件

相关推荐

轩辕剑天之痕免费观看(轩辕剑天之痕在线视频)

都可以看的,pps、优酷、pptv上都有。《轩辕剑之天之痕》是上海唐人电影制作有限公司出品的一部古装玄幻武侠电视剧,改编自大宇资讯股份有限公司制作发行的角色扮演游戏《轩辕剑叁外传:天之痕》。由李...

五年级《中国民间故事》(五年级《中国民间故事》读书笔记)

《炎帝战蚩尤》:蚩尤生性好战,臣属于炎帝,炎帝战败后,蚩尤要为炎帝报仇,屡犯黄帝边界。黄帝应战,和蚩尤打了七十一仗,黄帝胜少败多。一日黄帝梦中得到九天玄女传给他的一部兵书,于是演练熟悉,黄帝还用怪兽“...

壑怎么读(粲怎么读)

答案:壑的上半部分加个心读作“我的心”。详细说明:1.汉字结构:汉字“壑”由两部分组成,上半部分是“土”,下半部分是“豁”。如果在“壑”的上半部分加上一个“心”字旁,就形成了“我的心”。2.汉字读...

嫁入豪门分集剧情介绍(嫁入豪门电视剧剧情介绍大结局)

剧情简介:1925年,军阀割据,全国局势动荡不安。江南许家酱园遭军阀曹震方设计,家道中落。为践行婚约,沈家养女沈盈秀替姐沈盈娣下嫁许家独子许家骏。盈秀的身份暴露后许父气绝身亡,家骏离家出走。盈娣费尽心...

梦比优斯奥特曼国语全集免费

它没有国语版的,好像除了“平成三部曲”都是国语其他都是日语的,后面的高斯,梦比优斯等等都是日语。这个指的是梦比优斯奥特曼第47集。在这一集中,美菲拉斯星人使用一种特殊的电波干扰了人类的大脑,使人类认...

赤道几内亚(赤道几内亚国家简介)

赤道几内亚这个名字可以追溯到阿拉伯人对非洲西海岸地区的称呼,在阿拉伯语中这片地区被称为比拉德苏丹,意为黑人之地。后来葡萄牙人在与摩洛哥的柏柏尔人交流中将这个地区称为几内亚,这个词来源于柏柏尔语的Agi...

圣斗士冥王篇完整版在线观看高清

以下是《圣斗士星矢冥王篇》的顺序:1.冥界篇前章(Prologue)2.圣斗士星矢冥王神话(HadesChapter-Sanctuary)3.圣斗士星矢冥王带之章(HadesCha...

傅红雪爱的是明月心还是周婷

女主角是周婷。结局是明月心和周婷都死了,周婷死前向傅红雪要了来生,周婷死后变成花瓣。马玲芳。《新边城浪子》傅红雪对翠浓,只有是一种依赖的爱,对马玲芳的爱,是真正的对等的双方的男女之爱。《新边城浪子》当...

九阴真经电视剧完整版(九阴真经电视剧完整版2025)

1、郭靖排名第一的非射雕大侠郭靖莫属。郭靖可以说是唯一的练习过完整版九阴真经的人。除了用汉字写就的经文,他还在一灯大师的帮助下破解了用梵文写就的真经总纲。汉文部分的九阴真经已经非常厉害,包括了九阴白骨...

生人回避3(生人回避3丧尸电影)

??????库房重地,生人回避????????????军事重地,生人回避????????????王者路上,生人回避????????????机要重地,生人回避????????????军机重地...

生化危机4免费播放高清电影(生化危机4电影免费观看国语)

最后卢瑟从下水道出来的时候,仔细看远处天上有个降落伞在被病毒感染后的世界,爱丽丝仍然在寻找幸存者并带领他们前往安全之地。她与“雨伞”公司之间的战斗达到了一个新的高度,同时她也得到了一个老朋友的帮助。...

面包大王金卓求中文版(面包大王金卓求26)

哔哩哔哩。《面包大王金卓求》是韩国KBS电视台制作,尹施允,李英雅,柳真和周元等人主演长篇励志水木剧,是以20世纪70年代的首尔为舞台。《面包大王》大结局:金卓求和梁美顺走到一起,具马俊也终于追到了申...

魔道祖师完整版百度云(魔道祖师完整版百度云链接)

你开通一个腾讯会员就好了,就不用那么辛苦找资源了。

insight(insight可数吗)

澳大利亚休闲时装品牌,Insight是一个充满古怪念头有些疯癫的品牌,诞生于悉尼的北海滩边,那里充满了活力四射的冲浪场面。忠实于它的冲浪传统,它创造了融合音乐、艺术和滑板文化的都市冲浪时尚,炫目耀眼,...

侏罗纪世界3百度网盘(侏罗纪世界3百度网盘提取码)

侏罗纪世界3是3d电影。3D电影,通常是用两个镜头从两个不同方向同时拍摄,然后在放映时,通过两个放映机,把用两个摄影机拍下的两组胶片同步放映,并将这略有差别的两幅图像重叠在银幕上。真正的在线3D就是将...