關于滑鼠懸停功能的實作

注意：本代碼隻是參考代碼，資料和背景伺服器進行的互動在本地操作，不過有些地方還是一樣的~可以作為參考。

新人~在最近寫代碼的時候，初次接觸了滑鼠懸停的功能，經過查閱實作了功能，來和大家分享一下。

話不多少，我做的是懸停隐藏和顯示這一功能，先上懸停功能代碼：

這裡主要用到了 jquery.class選擇器 和 CSS:hover選擇器 ，擷取div标簽下标和li标簽下标進行比較，一一對應，才會将内容顯示，否則将會隐藏。

下圖是對li标簽的設定：

随後頁面代碼附上：

... ...中間一些不重要的地方就跳過~

一開始我想把li标簽和div标簽放入同意forEach中，但是發現這樣會産生沖突：在顯示一個已經被隐藏的div時候，會将其他li标簽隐藏，導緻無法觸發懸停事件或者不斷觸發懸停事件。

是以後面我将li标簽和div标簽分開循環，因為傳入參數一樣，是以有幾個li标簽，就會有幾個div标簽，當li标簽和div标簽下标一緻時，滑鼠懸停，就會顯示div隐藏的内容。

完成圖不友善上傳，就不放了，不過最後在我完成後，有個無傷大雅的小問題，就是預設選中第一個後，必須觸發第一個的懸停功能，否則第一個永遠在選中狀态，當然，隻要滑動滑鼠的時候（1位置）滑一下就好

新人~如果有什麼講的不對地方，敬請諒解。