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

js切换水平快门效果网页切换动画效果的方法

js切换水平快门效果网页切换动画效果的方法
本文介绍了js实现水平快门效果网页动画效果变化的方法,供大家参考,具体分析如下:

这是一个非常简单但有效的网页切换效果。点击新网页后,蓝色和白色的百叶窗之间会自动切换,直到所有网页都显示完整:

复制代码代码如下所示:
JS百叶窗的动态切换效应
<!——

介绍{。

位置:绝对;

左:0;

顶部:0;

图层背景颜色:蓝色;

背景颜色:蓝色;

边境:0.1px固蓝

}

-->




id=i6class=intro>
var速度= 20

新数组()

VaR temp2 =新的数组()

如果(文档层){

对于(i = 1;i < 8;i + +){

温度{我} = eval(文件。我+我+夹)

temp2 {我} = eval(文件。我+我)

温度{我},宽度= window.innerwidth

温度{我}。高度=窗口。innerheight / 8

temp2 {我}。=(i-1)*温度{我}。高度

}

}

否则如果(文件all){

无功clipright = document.body.clientwidth,clipleft = 0

对于(i = 1;i < 8;i + +){

温度{我} = eval(文件。所有。我+我+。风格)

温度{我},宽度= document.body.clientwidth

温度{我}。高度=文件。身体。offsetheight / 8

温度{我}。=(i-1)* parseInt(临时{我}。高度)

}

}

功能开启(){

Window.scrollTo(0,0)

如果(文档层){

对于(i = 1;i = 8;i = i + 2)

温度{右} -右=速度

对于(i = 2;i = 8;i = i + 2)

温度{左} + =速度

如果(临时{ 2 }。左>窗口。innerwidth)

ClearInterval(够了)

}

否则如果(文件all){

clipright =速度

对于(i = 1;i < = 8;i = i + 2){

温度{我}。夹=矩形(0 + clipright +汽车0)

}

clipleft + =速度

对于(i = 2;i < = 8;i = i + 2){

温度{我}。夹=矩形(0汽车+ clipleft + )

}

如果(clipright < = 0)

ClearInterval(够了)

}

}

函数(){

够了= setInterval(开启()

}

()

希望本文能对大家的javascript程序设计有所帮助。

相关文章

经典的PHP加密解密函数Authcode()修

经典的PHP加密解密函数Authcode()修

加密解密,函数,代码,经典,电脑软件,验证码的功能是用许多人。这个函数是discuz程序,用来加密和解密字符串,设置键(key)和到期时间,也可以用在很多次。原来的函数代码可以生成一个+,/,/,这样的性格,导致URL传值传递,导致它无法解密。火端网络稍加修改,…

人工智能生产技术与方法简介

人工智能生产技术与方法简介

方法,人工智能,生产技术,简介,电脑软件,本教程是介绍一个朋友在AI中的制作技巧和方法,教程是比较基础的,很适合初学者学习的朋友,推荐给喜欢的朋友一起来学习教程,希望能对你有所帮助。 本教程是对AI生产中的技术和方法的介绍,希望对您有所帮助…

教你在墙上贴一堵独特的墙

教你在墙上贴一堵独特的墙

教你,墙上,独特,电脑软件,贴一堵,在空墙上产生独特的效果。省钱。很漂亮。 随着现代科技的不断发展,越来越多的装饰材料、墙体装饰材料也在发展,大多数家庭都选择油漆或铺墙纸,而图案墙面贴也是一种很好的墙面装饰材料。只需局部装修,随时可拆…

Javascript实现了设置、获取和删除cookie

Javascript实现了设置、获取和删除cookie

设置,方法,删除,实现了,电脑软件,本文演示了javascript实现设置、获取和删除cookie的方法,供大家参考: * *设置cookie * *名称:cookie对应的键 *值:cookie的对应值 *与到期时间相对应的有效时间:cookie *路径:指定访问cookie的路径 *域:指定访问cookie的…

PHP获取当前日期和时间以及格式化

PHP获取当前日期和时间以及格式化

格式化,方法参数,当前日期,时间,电脑软件,使用函数日期()实现 复制代码代码如下所示: 显示格式:年-月-日:分钟:秒 相关时间参数: 答:上午或下午 答:上午或下午 d -几天,两位数,如果小于两位构成零。例如,01到31。 D -周,三个英文字母;例如,朋友 F月…

jQuery选择(下拉框)操作方法摘要

jQuery选择(下拉框)操作方法摘要

操作方法,选择,下拉框,摘要,电脑软件,1。获取所选项目: 获取选定项的值值: 复制代码代码如下所示: $('select # SEL选项:选择瓦迩()); 也许 复制代码代码如下所示: $('select # SEL)。发现('option:选择瓦迩()); 获取选定项的文本值: 复制代码代码如…

Excel进入时打开单元格自动下拉菜

Excel进入时打开单元格自动下拉菜

下拉菜单,单元格,基础,电脑软件,Excel,当我们需要输入大量的Excel表格中的重复数据,我们经常使用的数据创建了一个下拉菜单来提高重复数据的输入速度是有效的。但在实际的操作过程中,我们必须选择要输入重复数据,单击下拉箭头在单元格的右侧看…

PS图象处理软件是一个美丽的美丽的

PS图象处理软件是一个美丽的美丽的

是一个,草甸,美丽,图象,处理软件,这种材料的主要颜色是绿色。当颜色发生变化时,主色会变成所需的黄棕色。然后在顶端角上加上一些浅黄色的亮点,以产生简单的阳光效果,然后根据光源的方向加强一些光接收部件。最后,整个处理过程是软的。 材料图…

PS图象处理软件基础教程DW画册设计

PS图象处理软件基础教程DW画册设计

图象处理,软件基础,教程,画册设计,电脑软件,本教程是与朋友专辑效果设计方法DW酷PS图象处理软件介绍,这张专辑制作的很好的教程,难度不是很大,建议喜欢的朋友可以跟着教程一起学习 本教程是:在一定的PS基础上,最好的网页设计基础,如在PS处理后可…

橡胶包装及眼镜盒的PS结构

橡胶包装及眼镜盒的PS结构

结构,电脑软件,PS,这篇文章教你如何使用PS制作橡胶包装盒和玻璃盒。 有一个想法 如果你被这些精美的图标所吸引,如果你是一个偶像爱好者,如果你有一个好主意,你正在寻找一种方法。 现在,这是一个好的起点,因为那些诱人的艺术形式会吸引你继续…

PS和AI结合,使精美的白瓶图标。

PS和AI结合,使精美的白瓶图标。

图标,精美,电脑软件,PS,AI,作者的瓶子部分是在AI完成的,可以在PS.试用,过程并不复杂,但要找到一些高光和深色分布的图片,然后使用路径轮廓,慢慢渲染出高光和暗。 作者的瓶子部分是在AI完成的,可以在PS.试用,过程并不复杂,但要找到一些高光和深色分…

如何在金山WPS演示中设置幻灯片演

如何在金山WPS演示中设置幻灯片演

教程,设置,演示,幻灯片,如何在,我们常常喜欢设置成自动播放幻灯片,幻灯片可以返回到盖上盖在影片的结尾。事实上,设置幻灯片播放可以在WPS演示简单实现。让我们一起在WPS演示中学习,并做3步来发挥自动循环功能。 事实上,这是不难达到这样的效果…