fullpage:全屏翻页，顶部导航，水平导航demo

最新推荐文章于 2022-09-04 17:43:00 发布

VIP文章 github_37320188

最新推荐文章于 2022-09-04 17:43:00 发布

阅读量2k

点赞数 1

分类专栏：前端文章标签： fullpage-js move-js 全屏翻页 jquery

本文链接：https://blog.csdn.net/github_37320188/article/details/73082360

版权

1. 该demo实现了全屏翻页，根据顶部导航翻页，侧边栏翻页等
2. 添加了水平翻页，添加水平导航，并去除水平箭头（太难看，不能忍）
3.配合fullpage的回调函数，运用move.js对文字和图片添加了包括放大、移动、旋转在内的动画效果

demo实际效果点这里

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.4/jquery.fullpage.css" />

    <style>
        body{
    text-align: center;color: #FFFFFF;}
        #fullpageMenu{
            position: fixed;
            top: 0;
            z-index: 999;
        }
        #fullpageMenu li{
    float: left;display: inline-table;}
        .section3 h1{
    margin-left: 10%;opacity: 0.5}
        .section3 p{
    margin-right: 10%;opacity: 0.5}
    </style>
</

最低0.47元/天解锁文章

github_37320188

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
fullpage:全屏翻页，顶部导航，水平导航demo

1. 该demo实现了全屏翻页，根据顶部导航翻页，侧边栏翻页等 2. 添加了水平翻页，添加水平导航，并去除水平箭头（太难看，不能忍） 3.配合fullpage的回调函数，运用move.js对文字和图片添加了包括放大、移动、旋转在内的动画效果
复制链接

扫一扫