jquery.stellar实现视觉滚动差异效果代码

代码语言:html

所属分类:视觉差异

代码描述:jquery.stellar实现视觉滚动差异效果代码

代码标签: 滚动 差异 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.stellar.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $.stellar({
                horizontalScrolling: false, //设置垂直滚动视差效果
                responsive: true
            });

        })



    </script>
    <style>
        body {
            font-size: 100px;
            color: white;
            text-shadow: 0 1px 0 black, 0 0 5px black;
            text-align: center;
            line-height: 600px;
        }
        p {
            padding: 0 0.5em;
            margin: 0;
        }
        .content {
            background-attachment: fixed;

        }
        #content1 {
            background-image: url("//repo.bfw.wiki/bfwrepo/image/5e15dae696d11.png");
        }
        #content2 {
            background-image.........完整代码请登录后点击上方下载按钮下载查看

网友评论0