剛用了Axure做完了網站原型。
做了右側菜單欄和上側標籤欄的交互。
效果是，點擊左側菜單欄，標籤欄處會浮現相應的標籤，標籤長度由文字長度決定，選中的標籤寬度會變寬，標籤依次排列在後面，關閉標籤時，後面的標籤會跟上來。
只說一下思路。
標籤欄文字可以在點擊時賦值，長度可以用公式計算，增加通用性。
標籤與菜單按鈕一個個對應，標籤全部隱藏。
全局變量：當前標籤欄的長度len（初始0），當前選中的標籤序號focus（初始0），當前標籤數count（初始0）。
標籤附加信息，可以用單獨的隱藏box記錄，放在一個group中，達到結構體的功能效果。
標籤需要記錄：當前標籤是第幾個ID（顯示時爲當前標籤數+1，然後當前標籤數++），自身的位置Pos（因爲選中時和不選中時長度有差異，所以要記錄不選中時的位置，如果前面的標籤被選中，則向後移一定量的距離）
點擊菜單欄時：
如果標籤隱藏，則標籤顯示，移動到標籤欄長度的位置len，記錄下現在的位置Pos，全局變量（標籤欄長度len+=標籤長度），全局變量（當前標籤數count+=1），標籤（第當前標籤數個ID），全局變量（當前選中標籤設置爲標籤信息focus）
如果標籤已經顯示了，則更改focus爲當前標籤的ID，然後判斷其他標籤ID>focus 的，也就是選中標籤後面的標籤，因爲選中不選中長度會有差異，所以後面的標籤要往後移
關閉標籤時：
隱藏標籤，判斷所有標籤ID>關閉標籤的ID的，ID-1，然後Pos-關閉標籤的長度，重新移動到Pos處，len-關閉標籤的長度，count-1