add

zhaipanyu · Jun 19, 2017 · 53bc4f0 · 53bc4f0
1 parent 51296de
commit 53bc4f0
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 53 deletions.
diff --git a/企业建站/企业建站 _模块化/index.html b/企业建站/企业建站 _模块化/index.html
@@ -20,10 +20,10 @@
         <nav class=navbar>
             <ul class="nav-ul">
                 <li class="nav-right"><a class="nav-a" href="#">APPLE STORE</a></li>
-                <li class="nav-li support"><a class="nav-a" href="#">技术支持</a></li><!--/navbar>nav-ul>nav-li:nth-child(0)-->
-                <li class="nav-li introduce"><a class="nav-a" href="#">Introduce</a></li><!--/navbar>nav-ul>nav-li:nth-child(1)-->
-                <li class="nav-li about"><a class="nav-a" href="#">About</a></li><!--/navbar>nav-ul>nav-li:nth-child(2)-->
-                <li class="nav-li products" ><a class="nav-a" href="#">Products</a></li>
+                <li class="nav-li support"><a class="nav-a" href="#support">技术支持</a></li><!--/navbar>nav-ul>nav-li:nth-child(0)-->
+                <li class="nav-li introduce"><a class="nav-a" href="#introduce">Introduce</a></li><!--/navbar>nav-ul>nav-li:nth-child(1)-->
+                <li class="nav-li about"><a class="nav-a" href="#about">About</a></li><!--/navbar>nav-ul>nav-li:nth-child(2)-->
+                <li class="nav-li products" ><a class="nav-a" href="#products">Products</a></li>
 
             </ul>
         </nav>
@@ -58,7 +58,7 @@
         <!--top-->
 
         <div class="intro">
-            <h1 class="intro-h1 services">SERVICES</h1>
+            <h1 class="intro-h1 services " id="support">SERVICES</h1>
             <ul class="intro-ul clear-fix">
 
                 <li class="intro-li">
@@ -92,7 +92,7 @@ <h1 class="intro-h1 services">SERVICES</h1>
 
         <section class="section1">
             <div class="photo-content clear-fix">
-                <p class="photo-content-p products1">Apple products</p>
+                <p class="photo-content-p products1" id='products'>Apple products</p>
 
                 <div class="photo1">
                     <img class="photo-set" src="img/8.png" alt="">
@@ -163,7 +163,7 @@ <h1 class="intro-h1 services">SERVICES</h1>
         <!--section1-->
 
         <section class="about">
-            <h1 class='about1'>ABOUT</h1>
+            <h1 class='about1'id='about'>ABOUT</h1>
 
             <ul class="time-line">
 
@@ -223,7 +223,7 @@ <h3>期待</h3>
         <section class="last-intro">
 
             <div class="intro">
-                <h1 class="intro-h1 introduce1">introduce</h1>
+                <h1 class="intro-h1 introduce1" id='introduce'>introduce</h1>
 
 
 
@@ -319,31 +319,21 @@ <h1>JION US !</h1>
     <!--layout布局-->
     <script data-main="./src/dist/merge.js" src="./src/lib/require.js"></script>
 
-    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>-->
-    <script>
-     $('.support').on('click', function (e) {
-                e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-                var x = $('.services').offset().top;//550
-                $(window).scrollTop(x - 70);
-            })
-
-            $('.introduce').on('click', function (e) {
-                e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-                var x = $('.introduce1').offset().top;//550
-                $(window).scrollTop(x - 70);
-            })
-            $('.about').on('click', function (e) {
-                e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-                var x = $('.about1').offset().top;//550
-                $(window).scrollTop(x - 70);
-            })
-            $('.products').on('click', function (e) {
-                e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-                var x = $('.products1').offset().top;//550
-                $(window).scrollTop(x - 70);
-            })
-    </script>
+    <!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>-->
+
 
+<!--<a href="#test">
+x
+x
+<div id="test"></div>-->
+
+
+
+<!--
+    补充:
+    1.add表单的手机端也要布局居中.
+    2.add自动轮播
+    -->
 </body>
 
 </html>
diff --git a/企业建站/企业建站 _模块化/src/css/style.css b/企业建站/企业建站 _模块化/src/css/style.css
@@ -6,7 +6,7 @@
 .layout{
   max-width:100%;
 /*   height:2000px; */
-  margin:0 ;
+  margin:0;
 
  /*测试*/ 
 /*   margin-top:-2500px;  */

diff --git a/企业建站/企业建站 _模块化/src/js/index.js b/企业建站/企业建站 _模块化/src/js/index.js
@@ -16,27 +16,27 @@ define(['jquery'], function () {
             }
         }
 
-        // $('.support').on('click', function (e) {
-        //     e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-        //     var x = $('.services').offset().top;//550
-        //     $(window).scrollTop(x - 70);
-        // })
+        $('.support').on('click', function (e) {
+            e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
+            var x = $('.services').offset().top;//550
+            $(window).scrollTop(x - 70);
+        })
 
-        // $('.introduce').on('click', function (e) {
-        //     e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-        //     var x = $('.introduce1').offset().top;//550
-        //     $(window).scrollTop(x - 70);
-        // })
-        // $('.about').on('click', function (e) {
-        //     e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-        //     var x = $('.about1').offset().top;//550
-        //     $(window).scrollTop(x - 70);
-        // })
-        // $('.products').on('click', function (e) {
-        //     e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
-        //     var x = $('.products1').offset().top;//550
-        //     $(window).scrollTop(x - 70);
-        // })
+        $('.introduce').on('click', function (e) {
+            e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
+            var x = $('.introduce1').offset().top;//550
+            $(window).scrollTop(x - 70);
+        })
+        $('.about').on('click', function (e) {
+            e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
+            var x = $('.about1').offset().top;//550
+            $(window).scrollTop(x - 70);
+        })
+        $('.products').on('click', function (e) {
+            e.preventDefault();//不设置这个,会回到顶部,会跟随冒泡事件!
+            var x = $('.products1').offset().top;//550
+            $(window).scrollTop(x - 70);
+        })
 
 
         return {