Difference between revisions of "Team:NKU China/test"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{NKU_China/menubar}}
 
<html>
 
<html>
 
<head>
 
<head>
−
<meta charset="utf-8">
 
−
<title>Bootstrap 实例 - 简单的轮播（Carousel）插件</title>
 
−
<link rel="stylesheet" href="http://static.runoob.com/assets/bootstrap/3.3.7/css/bootstrap.min.css">
 
−
<script src="http://static.runoob.com/assets/jquery/2.0.3/jquery.min.js"></script>
 
−
<script src="http://static.runoob.com/assets/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
−
</head>
 
−
<body>
 
  
−
<div id="myCarousel" class="carousel slide">
+
    <!--separatrix-->
−
<!-- 轮播（Carousel）指标 -->
+
    <style>
−
<ol class="carousel-indicators">
+
        .main#attributions {
−
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
            padding: 0 10vw;
−
<li data-target="#myCarousel" data-slide-to="1"></li>
+
            padding-bottom: 10vh;
−
<li data-target="#myCarousel" data-slide-to="2"></li>
+
            font-size: 1.15rem;
−
</ol>  
+
        }
−
<!-- 轮播（Carousel）项目 -->
+
 
−
<div class="carousel-inner">
+
        .main div.h2 {
−
<div class="item active">
+
            color: cyan;
−
<img src="/wp-content/uploads/2014/07/slide1.png" alt="First slide">
+
            text-align: left;
−
</div>
+
            font-size: 2rem;
−
<div class="item">
+
            padding-bottom: 1rem;
−
<img src="/wp-content/uploads/2014/07/slide2.png" alt="Second slide">
+
        }
−
</div>
+
 
−
<div class="item">
+
        article {
−
<img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
+
            margin-bottom: 2.5rem;
−
</div>
+
        }
−
</div>
+
 
−
<!-- 轮播（Carousel）导航 -->
+
        #nutshell {
−
<a class="carousel-control left" href="#myCarousel"  
+
            padding: 1rem 0;
−
  data-slide="prev">&lsaquo;</a>
+
        }
−
<a class="carousel-control right" href="#myCarousel"  
+
 
−
  data-slide="next">&rsaquo;</a>
+
        #nutshell .article {
−
</div>
+
            margin: 1rem 0.4rem;
 +
            line-height: 1.6rem;
 +
        }
 +
 
 +
        #nutshell .article div:first-child {
 +
            font-weight: bold;
 +
            color: cyan;
 +
            text-indent: 0;
 +
        }
 +
 
 +
        #details .p {
 +
            line-height: 1.2;
 +
        }
 +
    </style>
 +
    <script>
 +
        $(function () {
 +
            //particles();
 +
        })
 +
    </script>
 +
</head>
 +
<body id="dongzhuoer">
 +
    <div id="particles-js"></div>
 +
    <script>
 +
        particlesJS('particles-js',
 +
  {
 +
      "particles": {
 +
          "number": {
 +
              "value": 100,
 +
              "density": {
 +
                  "enable": true,
 +
                  "value_area": 800
 +
              }
 +
          },
 +
          "color": {
 +
              "value": "#0ff"
 +
          },
 +
          "shape": {
 +
              "type": "circle",
 +
              "stroke": {
 +
                  "width": 0,
 +
                  "color": "#000000"
 +
              },
 +
              "polygon": {
 +
                  "nb_sides": 5
 +
              },
 +
              "image": {
 +
                  "src": "img/github.svg",
 +
                  "width": 100,
 +
                  "height": 100
 +
              }
 +
          },
 +
          "opacity": {
 +
              "value": 0.4,
 +
              "random": false,
 +
              "anim": {
 +
                  "enable": false,
 +
                  "speed": 1,
 +
                  "opacity_min": 0,
 +
                  "sync": false
 +
              }
 +
          },
 +
          "size": {
 +
              "value": 5,
 +
              "random": true,
 +
              "anim": {
 +
                  "enable": false,
 +
                  "speed": 40,
 +
                  "size_min": 0,
 +
                  "sync": false
 +
              }
 +
          },
 +
          "line_linked": {
 +
              "enable": true,
 +
              "distance": 150,
 +
              "color": "#ff0",
 +
              "opacity": 0.4,
 +
              "width": 1
 +
          },
 +
          "move": {
 +
              "enable": true,
 +
              "speed": 6,
 +
              "direction": "none",
 +
              "random": false,
 +
              "straight": false,
 +
              "out_mode": "out",
 +
              "attract": {
 +
                  "enable": true,
 +
                  "rotateX": 600,
 +
                  "rotateY": 1200
 +
              }
 +
          }
 +
      },
 +
      "interactivity": {
 +
          "detect_on": "canvas",
 +
          "events": {
 +
              "onhover": {
 +
                  "enable": true,
 +
                  "mode": ["grab", "bubble"]
 +
              },
 +
              "onclick": {
 +
                  "enable": true,
 +
                  "mode": ["push", "repulse"]
 +
              },
 +
              "resize": true
 +
          },
 +
          "modes": {
 +
              "grab": {
 +
                  "distance": 100,
 +
                  "line_linked": {
 +
                      "opacity": 0.75
 +
                  }
 +
              },
 +
              "bubble": {
 +
                  "distance": 100,
 +
                  "size": 4,
 +
                  "duration": 2,
 +
                  "opacity": 8,
 +
                  "speed": 5
 +
              },
 +
              "repulse": {
 +
                  "distance": 200
 +
              },
 +
              "push": {
 +
                  "particles_nb": 4
 +
              },
 +
              "remove": {
 +
                  "particles_nb": 2
 +
              }
 +
          }
 +
      },
 +
      "retina_detect": true,
 +
      "config_demo": {
 +
          "hide_card": false,
 +
          "background_color": "#b61924",
 +
          "background_image": "",
 +
          "background_position": "50% 50%",
 +
          "background_repeat": "no-repeat",
 +
          "background_size": "cover"
 +
      }
 +
  }
  
 +
);
 +
    </script>
 +
    <div class="main" id="attributions">
 +
        <div class="p">
 +
            haha
 +
        </div>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{NKU_China/footer}}

Latest revision as of 08:07, 7 October 2016

haha