HTML5 JS动画(5.1). 如何添加新的页面和菜单项

本教程将向您展示如何在JS动画模板中添加新的页面和菜单项. 因为JS动画模板是一个 HTML 基于一个-所有的页面可以找到在 html “site”文件夹中的文件.  打开模板包，进入site文件夹.

基于锚点的页面

如果你看到一个索引.html 这可能意味着所有页面都存储在单个文件中. 打开索引.html 存档 HTML editor.

1. 定位菜单

首先，你应该找到模板主菜单. It is usually created as an unordered list using the

and
• tags. 您可以使用搜索工具CTRL+F搜索菜单标题(例如.g. 家，og体育等. )

  菜单如下:

    
  
    
  About Us
    
  Projects
    
  Services
    
  
    
  Project Planning
    
  Quality Control
    
  
    
  Pollit anim 
    
  Duis aute 
    
    
    
  Programming
    
  New Page Link
    
    
    
  Equipment
    
  Virtual Tour
    
  Contacts
    

  As you can see each menu item has a link (the tag):

  a href="#!/page_1">About Us

  并且不是链接到URL或文件，而是链接到某个锚点(page_1)

  使用搜索工具搜索锚点(page_1, page_2等).

   

  2. 定位页面

  You may find that the pages are created using the

• tags. They can also be created by some other tags like
  etc. 在任何情况下，页面标签应该有分配的ID与锚:

  
    …
    

   

  3. Add New Page

  Copy the existing page starting with the

• and ending with the
tags.

将其粘贴在任何其他页面块之后. 然后换锚. 例如替换:

With

然后，您可以更改新创建页面中的内容.

 

4. 添加新菜单项

返回到顶部的菜单 html file. 复制现有菜单项并创建新菜单项. 不要忘记更改新创建的菜单项的锚. 锚点应该与页面块ID相同.

 

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

JS Animated. 如何添加新的页面和菜单项