欄進行整體滑動，解決無法隱藏浮動欄，并且無法將窗口內(nèi)容和浮動欄進行整體滑動的問題。
[0022]請參照圖2，一種html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，該裝置包括:
第一配置模塊100，用于配置浮動欄的第一屬性數(shù)據(jù)和窗口內(nèi)容的第二屬性數(shù)據(jù)，以使該浮動欄處于隱藏狀態(tài)，該窗口內(nèi)容處于可運動狀態(tài)；
讀取模塊200，用于讀取輸入的操作指令；
第一更改模塊300，用于根據(jù)該輸入的操作指令，更改該第一屬性數(shù)據(jù)以使該浮動欄處于顯示狀態(tài)，并設(shè)置transit1n屬性數(shù)據(jù)以使該浮動欄產(chǎn)生一預(yù)設(shè)方向的滑動效果，更改該窗口內(nèi)容的第二屬性數(shù)據(jù)，以使該窗口內(nèi)容產(chǎn)生與該預(yù)設(shè)方向相反的滑動。
[0023]在本實施例中，該裝置還包括:
第二配置模塊400，用于配置導(dǎo)航塊的第三屬性數(shù)據(jù)，以使該導(dǎo)航塊處于隱藏狀態(tài)并固定定位；
第二更改模塊500，用于在更改該窗口內(nèi)容的第二屬性數(shù)據(jù)，以使該窗口內(nèi)容產(chǎn)生與該預(yù)設(shè)方向相反的滑動的同時，更改該第三屬性數(shù)據(jù)，以使該導(dǎo)航塊處于顯示狀態(tài)，并設(shè)置transit1n屬性數(shù)據(jù)以使該導(dǎo)航塊為漸進顯示的效果。
[0024]在本實施例中該第一配置模塊100包括:
第一配置單元，用于配置該第一屬性數(shù)據(jù)的right屬性的值為負的浮動欄寬度值，以使該浮動欄處于隱藏狀態(tài)，該第一屬性數(shù)據(jù)的位置屬性的值為固定定位；
第二配置單元，用于配置該第二屬性數(shù)據(jù)的Left屬性的值為O，該第二屬性的位置屬性的值為相對定位，該窗口內(nèi)容處于可運動狀態(tài)。
[0025]在本實施例中，該第一更改模塊300包括:
第一更改單元，用于更改該第一屬性數(shù)據(jù)的right屬性的值為O，以使該浮動欄處于顯示狀態(tài)；
設(shè)置單元，用于設(shè)置transit1n屬性數(shù)據(jù)以使該浮動欄產(chǎn)生向右側(cè)滑出的滑動效果。
[0026]在本實施例中，該第一更改模塊300還包括:
第二更改單元，用于更改該第二屬性數(shù)據(jù)的Left屬性的值為負的浮動欄寬度值，以使該浮動欄向右滑出的同時，窗口內(nèi)容向左相對運動與該浮動欄寬度值一致的距離，
第三更改單元，用于更改transit1n屬性數(shù)據(jù)以使該窗口內(nèi)容產(chǎn)生向左滑動的滑動效果O
[0027]在本實施例中，該裝置還包括:
接收模塊600，用于接收用戶點擊該導(dǎo)航塊這一操作指令； 第三更改模塊700，用于更改該第一屬性數(shù)據(jù)、第二屬性數(shù)據(jù)以及第三屬性數(shù)據(jù)為初始值，以隱藏該浮動欄和導(dǎo)航塊，該窗口內(nèi)容向右滑動與該浮動欄寬度值一致的距離。
[0028]請參照圖3，在本實施例中，該系統(tǒng)包括網(wǎng)頁終端10和html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法20，該網(wǎng)頁終端10用于展示網(wǎng)頁，該網(wǎng)頁包括窗口內(nèi)容、浮動欄和導(dǎo)航塊；
該裝置20用于配置該浮動欄的第一屬性數(shù)據(jù)和窗口內(nèi)容的第二屬性數(shù)據(jù)，以使該浮動欄處于隱藏狀態(tài)，該窗口內(nèi)容處于可運動狀態(tài)；
該裝置20用于讀取輸入的操作指令；
該裝置20用于根據(jù)該輸入的操作指令，更改該第一屬性數(shù)據(jù)以使該浮動欄處于顯示狀態(tài)，并設(shè)置transit1n屬性數(shù)據(jù)以使該浮動欄產(chǎn)生一預(yù)設(shè)方向的滑動效果，更改該窗口內(nèi)容的第二屬性數(shù)據(jù)，以使該窗口內(nèi)容產(chǎn)生與該預(yù)設(shè)方向相反的滑動。
[0029]具體的，該網(wǎng)頁終端可為PC終端、移動終端或其他電子終端，該裝置具體可為后端服務(wù)器。當(dāng)網(wǎng)頁所在為PC終端，則用戶的操作指令具體可為通過鼠標滑動浮動欄，單次點擊浮動欄、雙擊浮動欄、拖曳浮動欄或者全選浮動欄。當(dāng)網(wǎng)頁所在為移動終端或者平板電腦，則用戶的操作指令具體還可以為觸控點擊，長按等操作，后端服務(wù)器接收用戶的操作指令，并根據(jù)用戶指令修改服務(wù)器中css代碼中的相關(guān)數(shù)據(jù)，不修改源代碼，以此實現(xiàn)窗口內(nèi)容和浮動欄同時滑動的效果。
[0030]以上該實施例僅表達了本發(fā)明的幾種實施方式，其描述較為具體和詳細，但并不能因此而理解為對本發(fā)明專利范圍的限制。應(yīng)當(dāng)指出的是，對于本領(lǐng)域的普通技術(shù)人員來說，在不脫離本發(fā)明構(gòu)思的前提下，還可以做出若干變形和改進，這些都屬于本發(fā)明的保護范圍。因此，本發(fā)明專利的保護范圍應(yīng)以所附權(quán)利要求為準。
【主權(quán)項】
1.一種html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述方法包括: 接收用戶輸入的用于顯示窗口內(nèi)容的移動軌跡； 修改html文件中對應(yīng)于瀏覽器窗口內(nèi)容的C++代碼，以瀏覽器打開所述窗口內(nèi)容； 修改CSS代碼中窗口內(nèi)容的配置數(shù)據(jù)，以顯示窗口內(nèi)容和浮動欄。2.根據(jù)權(quán)利要求1所述的html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述方法還包括: 設(shè)置浮動欄的第一屬性數(shù)據(jù)和窗口內(nèi)容的第二屬性數(shù)據(jù)，以使所述浮動欄處于隱藏狀態(tài)，所述窗口內(nèi)容處于可運動狀態(tài)； 配置導(dǎo)航塊的第三屬性數(shù)據(jù)，以使所述導(dǎo)航塊處于隱藏狀態(tài)并固定定位； 在更改所述窗口內(nèi)容的第二屬性數(shù)據(jù)，以使所述窗口內(nèi)容產(chǎn)生與所述預(yù)設(shè)方向相反的滑動的同時，更改所述第三屬性數(shù)據(jù)，以使所述導(dǎo)航塊處于顯示狀態(tài)，并設(shè)置flash屬性數(shù)據(jù)以使所述導(dǎo)航塊為漸進顯示的效果。3.根據(jù)權(quán)利要求1所述的html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述配置浮動欄的第一屬性數(shù)據(jù)和窗口內(nèi)容的第二屬性數(shù)據(jù)，以使所述浮動欄處于隱藏狀態(tài)，所述窗口內(nèi)容處于可運動狀態(tài)的步驟包括， 配置a屬性以使所述浮動欄處于浮動狀態(tài)； 配置b屬性。4.根據(jù)權(quán)利要求3所述的html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述方法包括 更改所述第一屬性數(shù)據(jù)的random屬性的值為O，以使所述浮動欄處于顯示狀。5.根據(jù)權(quán)利要求3所述的html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述方法包括: 更改所solid屬性的值為負的浮動欄寬度值，以使所述浮動欄向右滑出的同時，窗口內(nèi)容向左相對運動與所述浮動欄寬度值一致的距離， 更改exit屬性數(shù)據(jù)以使所述窗口內(nèi)容產(chǎn)生向左滑動的滑動效果。6.根據(jù)權(quán)利要求2所述的html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，其特征在于，所述方法還包括: 接收用戶點擊所述導(dǎo)航塊的操作指令； 更改所述第一屬性數(shù)據(jù)、第二屬性數(shù)據(jù)以及第三屬性數(shù)據(jù)為系統(tǒng)bootloader值，以隱藏所述浮動欄和導(dǎo)航塊，所述窗口內(nèi)容向右滑動與所述浮動欄寬度值一致的距離。
【專利摘要】本發(fā)明的一種html文件實現(xiàn)顯示瀏覽器窗口內(nèi)容的方法，所述方法包括：接收用戶輸入的用于顯示窗口內(nèi)容的移動軌跡；修改html文件中對應(yīng)于瀏覽器窗口內(nèi)容的CSS代碼，以瀏覽器打開所述窗口內(nèi)容；修改CSS代碼中窗口內(nèi)容的配置數(shù)據(jù)，以顯示窗口內(nèi)容和浮動欄。以實現(xiàn)通過html文件自動鏈接的方式，簡單方便。
【IPC分類】G06F17/30, G06F3/0481
【公開號】CN105677884
【申請?zhí)枴緾N201610023366
【發(fā)明人】曾戟
【申請人】曾戟
【公開日】2016年6月15日
【申請日】2016年1月15日