原生js顯示隱藏div區域塊
阿新 • • 發佈：2019-02-16
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> </head> <body> <div class="div_1_2"> <div class="div-font" align="center"> <span style="font-size:15px;">此處對不同種類資料的聚類分析採用的是k-means演算法， <I class="font-4">點選下方檢視k-means簡介</I> </span> </div> <div id="introduction" align="center" style="border: 1px solid #c0c0c0;display: none;"> (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 (1)這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事這是一個悲傷的故事 </div> <div class="div-img" align="center"> <div class="div-img-1" align="center"> <img src="${rootPath}/Content/images/btn/sjwj/down.png" class="div-img-2" onclick="openClose(this)" align="middle" > </div> </div> </div> <script type="text/javascript" src="${rootPath}/Scripts/libs/jquery-1.10.2.js"></script> <script type="text/javascript"> var rootPath ="${rootPath}";//全域性根路徑（el表示式是伺服器端，js指令碼是客戶端，要在js檔案中使用就要在這裡定義全域性根路徑變數） </script> <script> //顯示隱藏區域塊 function openClose(obj){ var introduction =document.getElementById("introduction");// if(introduction.style.display == "block"){ introduction.style.display = "none"; obj.src = rootPath+"/Content/images/btn/sjwj/down.png"; }else{ introduction.style.display = "block"; obj.src = rootPath+"/Content/images/btn/sjwj/up.png"; } } </script> </body> </html>