首页折线效果测试

Author: yongyuanzhiqizhi

Src/GoodGayFriend/GGF/Content/js/_references.js

@@ -921,7 +921,10 @@
     <Content Include="Theme\Images\works\img4.jpg" />
     <Content Include="Theme\Images\works\img5.jpg" />
     <Content Include="Theme\Images\works\img6.jpg" />
+    <Content Include="Theme\Js\app.js" />
     <Content Include="Theme\Js\Index.js" />
+    <Content Include="Theme\Js\particles.js" />
+    <Content Include="Theme\Js\particles.min.js" />
     <Content Include="Theme\Js\ProjectList.js" />
     <Content Include="Theme\Js\Shared.js" />
     <Content Include="Web.config" />

Src/GoodGayFriend/GGF/GGF.csproj

@@ -0,0 +1,54 @@
+/* default dom id (particles-js) */
+//particlesJS();
+
+/* config dom id */
+//particlesJS('dom-id');
+
+/* config dom id (optional) + config particles params */
+particlesJS('particles-js', {
+  particles: {
+    color: '#fff',
+    shape: 'circle', // "circle", "edge" or "triangle"
+    opacity: 1,
+    size: 4,
+    size_random: true,
+    nb: 150,
+    line_linked: {
+      enable_auto: true,
+      distance: 100,
+      color: '#000',
+      opacity: 1,
+      width: 1,
+      condensed_mode: {
+        enable: false,
+        rotateX: 600,
+        rotateY: 600
+      }
+    },
+    anim: {
+      enable: true,
+      speed: 1
+    }
+  },
+  interactivity: {
+    enable: true,
+    mouse: {
+      distance: 200
+    },
+    detect_on: 'canvas', // "canvas" or "window"
+    mode: 'grab',
+    line_linked: {
+      opacity: .5
+    },
+    events: {
+      onclick: {
+        enable: true,
+        mode: 'push', // "push" or "remove"
+        nb: 4
+      }
+    }
+  },
+  /* Retina Display Support */
+  retina_detect: true
+});
+$("#particles-js").css({ "position": "absolute", "top": "480px" });