A. Vue.js+Element-UI實現點擊按鈕控制左側菜單折疊與展開
在element-ui中採用NavMenu導航菜單作為系統菜單的實現。
官方文檔中NavMenu導航菜單有一個Menu Attributes屬性collapse，是一個 bollean 類型，用於控制是否水平折疊菜單。
我們可以通過設置collapse屬性的值為 true 或 false 來控制菜單的折疊與展開。
解決方案
1.實現一個按鈕，
2.在data中定義一個數據collapse
3.實現方法toggleCollapse
4.在el-menu中動態綁定屬性值collapse
問題：在左側菜單的展開與折疊中，文本和圖標折疊了，但是菜單的長度並沒有折疊，發現原因是菜單的長度給了一個固定的值，而實際上我們需要動態給定長度。如果菜單是展開的，長度是等於文本的長度+圖標的長度。如果菜單是折疊的，長度是等於圖標的長度。我們可以根據isCollapse的值進行判斷，通過它的值為true或者是false，來給定不同的長度：
B. 幫忙寫一個點擊展開菜單，其他菜單收起的JS
<!DOCTYPEhtml>
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
<scriptclass="jquerylibrary"src="/js/sandbox/jquery/jquery-1.8.2.min.js"type="text/javascript"></script>
<title>
RunJS演示代碼
</title>
<script>
jQuery(function($){
$("ul>li>a").click(function(){
$(this).next("ul").toggle().closest("li").siblings("li").children("ul").hide();
}).next("ul").hide();
});
</script>
</head>
<body>
<ul>
<li>
<a>
一級菜單
</a>
<ul>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
</ul>
</li>
<li>
<a>
一級菜單
</a>
<ul>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
</ul>
</li>
<li>
<a>
一級菜單
</a>
<ul>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
<li>
隱藏的二級菜單項
</li>
</ul>
</li>
</ul>
</body>
</html>
C. 如何用css或js設置如下圖的樣式，當點擊的時候出現下拉菜單，顯示裡面的內容。
HTML：
<p class="p">基礎</p>
<div class="show">
<ul>
<li><a href="#">aa</a></li>
<li><a href="#">ss</a></li>
<li><a href="#">dd</a></li>
<li><a href="#">ff</a></li>
<li><a href="#">gg</a></li>
</ul>
</div>
css:
.show{
display:none;
}
js:
var isClick=true;
$(".p").click(function(){
if(isClick){
$(".show").css("display","block");
isClick=false;
}else{
$(".show").css("display","none");
isClick=true;
}
})
思路，
要顯示的內容用一個div包住，當你點擊基礎的時候回，div顯示，再點擊時答div隱藏
D. 急用：網頁設計:如何用JS實現:單擊按鈕就新打開一個的窗口,並設計該窗口的的長度和寬度
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //這句要寫成一行
-->
</SCRIPT>
參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空''代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示菜單欄和滾動欄。
resizable=no 是否允許改變窗口大小，yes為允許；
location=no 是否顯示地址欄，yes為允許；
status=no 是否顯示狀態欄內的信息（通常是文件已經打開），yes為允許；
</SCRIPT> js腳本結束
E. js怎麼實現點擊文本框出現下拉菜單，並且有補充的功能。
不是點擊事件 是鍵盤每輸入一個字母觸發一次（onkeyup觸發事件）先設置一個隱藏框<div></div>（div的css樣式版display設為none）設置權寬高 定好位置 每次觸發更改div的display為塊兒（block）
document.getElementById(「div的id」).style.display="block" 同時獲取文本框值document.getElementById(「input的id」).value賦給一個變數 用ajax後台連接資料庫顯示出（echo）和你輸入的字元匹配的數據 放到一個表格里 把返回的http.responseText寫入到div框中document.getElementById(「div的id」).innerHTML=http.responseText
F. JS做表格點一下產生類似於下拉菜單的功能，類似於表單下拉控制項，不過是用表格的TD和div來做
這樣的效果都是table+select效果實現的，只是SELECT改一下樣式，焦點觸發下拉而已