JS Animated. 如何管理rd视差扩展

我们很高兴为您提供一份与RD合作的有用指南parallax extension in 网站模板.

RD-parallax 扩展是用来创建灵活的多层 parallax effect.

The script 页面上的介绍包括几个简单的步骤:

1. 为了和RD一起工作parallax 分机，你应该去 FTP or File Manager at Hosting CPanel 并编辑用于包含RD-的页面的文件parallax extension or HTML 用于您希望RD-的页面的文件parallax to be added to. 用任何代码编辑它 editor 比如notepad++， Sublime等.

2. Basic script 代码结构如下:

   
     
   
       
   
           
   
               ...  
      
    

   Each RD-parallax 图层被设置为一个独立的图层. 您可以添加无限数量的图层.

3. 让我们仔细看看所有可用的属性:

   • 为了改变层的类型，你应该使用 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值:

4. 根据需要修改文件. 保存更改并将其上传到服务器. 刷新站点以查看更改.

请随时查看下面的详细视频教程: