jquery实现的鼠标移动视觉差异动画效果代码-html代码-BFW代码库

jquery实现的鼠标移动视觉差异动画效果代码

代码语言：html

代码描述：jquery实现的鼠标移动视觉差异动画效果代码

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

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        html,body {
            padding: 0;
            margin: 0;
            position: relative;
        }
        div {
            display: block;
            position: relative;
        }
        svg {
            max-width: 100%;
        }
        a {
            position: fixed;
            top: 2em;
            left: 2em;
            z-index: 99999;
            text-decoration: none;
            color: #FFF;
            padding: .5em;
            font-family: arial;
            border: 2px solid #FFF;
        }
    </style>


</head>

<body>
    <div>
        <svg class="parallax" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 805 603.8"><style>
            .tt0 {
                fill: url(#SVGID_1_);
            }

            .tt1 {
                fill: url(#SVGID_2_);
            }

            .tt2 {
                fill: url(#SVGID_3_);
            }

            .tt4 {
                fill: url(#SVGID_5_);
            }

            .tt5 {
                fill: #2B9BCC;
            }

            .tt7 {
                fill: #DBDBDB;
            }

            .tt8 {
                fill: #F9F9F9;
            }

            .tt9 {
                fill: #C7A65A;
            }

            .tt10 {
                fill: #FFFFFF;
            }

            .tt11 {
                fill: #C8F7C6;
            }

            .tt12 {
                fill: #E2C07D;
            }

            .tt13 {
                fill: #34485E;
            }

            .tt14 {
                fill: #A38241;
            }

            .tt15 {
                fill: none;
                stroke: #F9F9F9;
                stroke-width: 0.5;
                stroke-miterlimit: 10;
            }

            .tt16 {
                fill: none;
                stroke: #4F4F4F;
                stroke-width: 0.5;
                stroke-miterlimit: 10;
            }

            .tt17 {
                fill: #F4C362;
            }

            .tt18 {
                fill: url(#SVGID_6_);
            }

            .tt19 {
                fill:.........完整代码请登录后点击上方下载按钮下载查看