update navigation img

xjtu-e-learning · Oct 5, 2019 · c6eb2f9 · c6eb2f9
1 parent 1b39c1f
commit c6eb2f9
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/dist/img/daohang1.jpg b/dist/img/daohang1.jpg
diff --git a/dist/img/daohang1.png b/dist/img/daohang1.png
diff --git a/dist/js/daohang.js b/dist/js/daohang.js
@@ -15,7 +15,7 @@ app.controller('menu', function ($scope, $http) {
         setCookie("stepNumber", 1, "d900")
     }
     img.attr('width', "");
-    img.attr('src', 'dist/img/daohang.png');
+    img.attr('src', 'dist/img/daohang1.png');
     img.load(function () {
         // img.addClass('img-responsive')
         setImgArea()
@@ -111,11 +111,14 @@ function setImgArea() {
     var img = $("#ImgNavigation");
 
     var area1 = $('#area1');
-    area1.attr("coords", "" + 928 / 3193 * img.width() + "," + 537 / 1269 * img.height() + "," + 240 / 3193 * img.width());
+    // area1.attr("coords", "" + 928 / 3193 * img.width() + "," + 537 / 1269 * img.height() + "," + 240 / 3193 * img.width());
+    area1.attr("coords", "" + 432 / 1469 * img.width() + "," + 150 / 402 * img.height() + "," + 284 / 1469 * img.width());
     var area2 = $('#area2');
-    area2.attr("coords", "" + 1828 / 3193 * img.width() + "," + 510 / 1269 * img.height() + "," + 370 / 3193 * img.width());
+    // area2.attr("coords", "" + 1828 / 3193 * img.width() + "," + 510 / 1269 * img.height() + "," + 370 / 3193 * img.width());
+    area2.attr("coords", "" + 877 / 1469 * img.width() + "," + 146 / 402 * img.height() + "," + 270 / 1469 * img.width());
     var area3 = $('#area3');
-    area3.attr("coords", "" + 2850 / 3193 * img.width() + "," + 507 / 1269 * img.height() + "," + 398 / 3193 * img.width());
+    // area3.attr("coords", "" + 2850 / 3193 * img.width() + "," + 507 / 1269 * img.height() + "," + 398 / 3193 * img.width());
+    area3.attr("coords", "" + 1312 / 1469 * img.width() + "," + 145 / 402 * img.height() + "," + 280 / 1469 * img.width());
 }
 
 $(document).ready(function () {

diff --git a/index.html b/index.html
@@ -115,9 +115,9 @@ <h1>
     <!-- Main content -->
     <section class="content" style="padding-bottom: 0">
 
-        <div class="row" style="margin-top: 3%">
+        <div class="row" style="margin-top: 5%; margin-bottom: 5%;">
           <div class="col-sm-12">
-            <span ><img class="img-responsive" id="ImgNavigation" src="dist/img/daohang.png" alt="" usemap="#YottaNavigation" ></span>
+            <span ><img class="img-responsive" id="ImgNavigation" src="dist/img/daohang1.png" alt="" usemap="#YottaNavigation" ></span>
               <map name="YottaNavigation"> 
                  <area id="area1" shape="circle" coords="180,139,14" onmouseover="javascript:display(1)" href="javascript:pageto(1)"  alt="" title="" onfocus="blur(this);"  > 
                  <area id="area2" shape="circle" coords="180,139,14" onmouseover="javascript:display(2)"   href="javascript:pageto(2)" alt="" title="" onfocus="blur(this);" >