鍍金池/ 問答/HTML/ 每一個按鈕在懸浮的時候都會有一個相同的提示框，怎么設(shè)計比較好？

每一個按鈕在懸浮的時候都會有一個相同的提示框，怎么設(shè)計比較好？

我想了兩個方法，不知道哪個好，或者是還有更好的方法解決。
第一個就是給每個按鈕分別設(shè)置一個提出框，懸浮哪個按鈕，就彈出那個按鈕對應(yīng)的提示框
第二個就是給所有的按鈕設(shè)置一個提示框，通過js來控制它彈出的位置，懸浮哪個按鈕，就將提示框懸浮在哪個按鈕旁邊

各位大神，請指教！

回答
編輯回答
淚染裳

1.第一種方法通過css控制，效率會高很多，但是會多出很多重復(fù)的dom節(jié)點(diǎn)
2.第二種方法通過js控制，可以減少dom數(shù)量，但是效率不高

考慮到將來的擴(kuò)展性，可能未來每個元素的提示框可能不一樣，推薦第一種

2017年3月18日 01:54
編輯回答
陌上花

可以通過 CSS 的偽類實(shí)現(xiàn)，然后使用偽類的 content 屬性顯示不同的內(nèi)容

2017年8月15日 03:18
編輯回答
舊螢火

如果是在某個框架中，建議將按鈕抽象成一個基礎(chǔ)組建，然后通過傳參去配置彈出的提示框內(nèi)容，位置等等之類的。

2017年6月23日 22:39
編輯回答
孤島

現(xiàn)有的輪子，可以直接用這個

https://kazzkiq.github.io/bal...

2018年4月3日 15:44
編輯回答
尛曖昧

用js來做 獲取按鈕的位置 然后創(chuàng)建tooltip定位到旁邊

2017年8月30日 12:52
編輯回答
心癌

第二種比較合適，如果在樣式基本一致的情況下，可以考慮用第二種方法，具體可以參考一下bootstrap的tooltips

2017年2月4日 19:34
編輯回答
貓小柒

首先，你應(yīng)該明確你的目的，這個button是用來做什么。
比如現(xiàn)在的元素，只有按鈕，操作是懸浮，那么你就應(yīng)該解耦，因?yàn)槟阏J(rèn)為是這種按鈕懸浮狀態(tài)下，應(yīng)該出現(xiàn)一個彈框。你不應(yīng)該選擇第二種，使用公共的提示框。

現(xiàn)在出現(xiàn)了所有按鈕，也就是，所有按鈕不知道你的意思是什么，但是大概是指全局的所有按鈕，或者是按鈕組(ButtonGroup).

如果是全局的所有按鈕，那么更加建議第一種，因?yàn)槟愀静恢腊粹o的位置，如果統(tǒng)一提示框，那么就變成了Modal(Dialog) 或者說是Notification.也就失去了提示框本身的意義。

如果是按鈕組，那么你只應(yīng)該對按鈕組當(dāng)做特殊情況，因?yàn)榘粹o組本身應(yīng)該是在同一個位置，你希望多個組成的按鈕組，可以在按鈕組的統(tǒng)一位置共同提示，那么你可以選擇第二種。其他情況不建議使用第二種

2017年5月7日 04:45