[發明專利]一種網頁滑動翻頁的布局方法

在審

• 申請號: 201610100893.6
• 申請日: 2016-02-24
• 公開（公告）號: CN105677909A
• 公開（公告）日: 2016-06-15
• 發明（設計）人: 沈文策
• 申請（專利權）人: 沈文策
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0483
• 代理公司: 福州市鼓樓區京華專利事務所(普通合伙) 35212
• 代理人: 林曉琴

技術領域

本發明涉及一種網頁滑動翻頁的布局方法。

背景技術

現有的網頁布局經常針對于電腦用戶，若用戶使用觸屏設備打開網頁 時，就導致該網頁在控制過程不方便，網頁上也有一些類似于手機或者平板 電腦的APP程序滑動效果，但布局形式有限不能完全滿足快速開發的需求； 并且不便于開發人員對其進行二次開發和修改。

發明內容

本發明要解決的技術問題，在于提供一種網頁滑動翻頁的布局方法，便 于開發人員二次開發以及修改。

本發明之一是這樣實現的：一種網頁滑動翻頁的布局方法，包括如下步 驟：

步驟1、根據需求劃分出所需個數的分頁，并給每個分頁進行編號；

步驟2、編寫滑動翻頁的效果，根據分頁的編號順序設置頁碼和頁面出 現的順序；

步驟3、根據頁面編號把每個分頁里的內容劃分成限定個對象，并對該 對象設置二級編號，根據需求限定每個對象的寬度，并按照比例設置對象大 小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。

進一步地，所述步驟1進一步具體為：根據需求劃分出所需個數的分頁， 并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。

進一步地，還包括步驟4、編寫好視覺效果，并為每個視覺效果設定一 效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。

本發明之二是這樣實現的：一種網頁滑動翻頁的布局系統，包括如下模 塊：

分頁模塊，根據需求劃分出所需個數的分頁，并給每個分頁進行編號；

設置頁面模塊，編寫滑動翻頁的效果，根據分頁的編號順序設置頁碼和 頁面出現的順序；

完成模塊，根據頁面編號把每個分頁里的內容劃分成限定個對象，并對 該對象設置二級編號，根據需求限定每個對象的寬度，并按照比例設置對象 大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁 面。

進一步地，所述分頁模塊進一步具體為：根據需求劃分出所需個數的分 頁，并給每個分頁編號，將分頁中的公共部分以及公共的樣式文件編寫完畢。

進一步地，還包括視覺效果模塊，編寫好視覺效果，并為每個視覺效果 設定一效果編號，將效果編號寫入一樣式文件，并將該樣式文件引入頁面。

本發明具有如下優點：本發明一種網頁滑動翻頁的布局方法以及系統此 布局可給網頁內各個對象提供多種視覺效果的選擇，各個對象間互不沖突影 響，并且添加刪除時較為方便，有利于程序員快速開發一套網頁，有利于需 求變更時的二次開發及修改，改善用戶體驗。

附圖說明

下面參照附圖結合實施例對本發明作進一步的說明。

圖1為本發明方法執行流程圖。

具體實施方式

如圖1所示，本發明網頁滑動翻頁的布局方法，包括如下步驟：

步驟1、根據需求劃分出所需個數的分頁，并給每個分頁編號，將分頁 中的公共部分以及公共的樣式文件編寫完畢；

步驟2、編寫滑動翻頁的效果，根據分頁的編號順序設置頁碼和頁面出 現的順序；

步驟3、根據頁面編號把每個分頁里的內容劃分成限定個對象，并對該 對象設置二級編號，根據需求限定每個對象的寬度，并按照比例設置對象大 小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁面。

步驟4、編寫好視覺效果，并為每個視覺效果設定一效果編號，將效果 編號寫入一樣式文件，并將該樣式文件引入頁面。

本發明網頁滑動翻頁的布局系統，包括如下模塊：

分頁模塊，根據需求劃分出所需個數的分頁，并給每個分頁編號，將分 頁中的公共部分以及公共的樣式文件編寫完畢；

設置頁面模塊，編寫滑動翻頁的效果，根據分頁的編號順序設置頁碼和 頁面出現的順序；

完成模塊，根據頁面編號把每個分頁里的內容劃分成限定個對象，并對 該對象設置二級編號，根據需求限定每個對象的寬度，并按照比例設置對象 大小和所在位置，并將該對象的二級編號寫入樣式文件，將樣式文件引入頁 面。

視覺效果模塊，編寫好視覺效果，并為每個視覺效果設定一效果編號， 將效果編號寫入一樣式文件，并將該樣式文件引入頁面。