JS Animated. 如何管理rd视差扩展
March 30, 2016
我们很高兴为您提供一份与RD合作的有用指南parallax extension in 网站模板.
JS Animated. 如何管理rd视差扩展RD-parallax 扩展是用来创建灵活的多层 parallax effect.
The script 页面上的介绍包括几个简单的步骤:
-
为了和RD一起工作parallax 分机,你应该去 FTP or File Manager at Hosting CPanel 并编辑用于包含RD-的页面的文件parallax extension or HTML 用于您希望RD-的页面的文件parallax to be added to. 用任何代码编辑它 editor 比如notepad++, Sublime等.
Basic script 代码结构如下:
...Each RD-parallax 图层被设置为一个独立的图层. 您可以添加无限数量的图层.
-
让我们仔细看看所有可用的属性:
为了改变层的类型,你应该使用 data-type data attribute. 这个属性可以取 media and html values. data-type="media" 属性可以包含任何内容类型,例如 background 视频,各种脚本等. 中添加任何自定义内容 media 对象,则不需要指定 media type. 你的代码看起来如下:
Data-url 用于层 background image setup.
Where 路径/ /你的形象.jpg 是你的图像路径.
To configure parallax 速度,你应该用 data-speed attribute. 取值范围从0到2. 这个选项定义了 parallax scrolling speed.
Data-blur 属性用于为平行图像添加模糊效果. 数据模糊可以接受true或false值:
在这种情况下,模糊效果被启用. 如果我们将其更改为false,我们的图像将没有模糊 background on it.
Data-direction 属性可以取逆的正常值. 这个属性用于图层滚动方向设置. 如果你把它设为正常 parallax 将移动平行于页面滚动,如果到反-在相反的方向. 下面是代码示例:
为了启用/禁用图层外观效果,您可以使用 date-fade attribute. Data-fade属性的值可以是true或false.
Data-mobile 属性用于启用/禁用 parallax 在移动设备上显示. 你可以在这里使用true或false值: