我想添加有關我的web應用程序中某些項目的「幫助」信息。用戶將光標移至該項目,幫助將顯示在彈出框或小窗口中。有沒有人有一個很好的例子顯示在jQuery或JavaScript?添加幫助彈出框
Q
添加幫助彈出框
0
A
回答
2
你的問題是相當開放的,但你可以有一個最初隱藏DIV,其內容和位置是動態的:
<div id="tooltip" style="display:none; position: absolute; z-index: 1000"></div>
的Z-index屬性是確保DIV的知名度。當然,價值取決於你是否有其他元素具有更高的Z指數。
然後,你可以創建幾個JS功能:用於顯示DIV一個,另一個用於hidding它:
function showTooltip (content, x, y) {
$('#tooltip')
.html(content)
.css({left: x, top: y})
.show();
}
function hideTooltip()
{
$('#tooltip').hide();
}
職能將由鼠標事件被觸發,例如(mousenter,鼠標離開.. )。 當然,DIV的審美可以通過CSS進行調整。
1
0
這也是一個不錯的插件來爲新用戶
相關問題
- 1. 幫助彈出框?
- 2. 如何創建幫助彈出框
- 3. javascript彈出菜單幫助
- 4. 幫助彈出功能
- 5. javascript彈出窗口幫助
- 6. 可重複使用的幫助按鈕和幫助彈出
- 7. datepicker幫助,如何使日曆彈出?
- 8. 只有一個彈出...幫助我
- 9. RadGrid RadComboBox客戶端彈出幫助
- 10. iPad:顯示幫助彈出窗口?
- 11. ASP.Net C#JavaScript彈出窗口幫助
- 12. 彈出一個視圖幫助
- 13. visual studio intellisense添加幫助
- 14. 添加CSS到jquery幫助
- 15. .Net Excel添加幫助
- 16. 幫助與添加HREF
- 17. 幫助中添加數據
- 18. 的Javascript幫助 - 添加鏈接到Image彈出在身體負荷
- 19. 添加幫助內容,使用命令框架的搜索幫助
- 20. 當幫助窗口彈出時,如何退出時查看python幫助(os.listdir)
- 21. 添加在彈出
- 22. 禁用自動加載(通過IE幫助欄彈出)
- 23. Android幫助在圖像加載時添加進度對話框?
- 24. Javascript原型 - 需要幫助添加幫助器原型
- 25. 如何添加視圖幫助程序目錄(zend框架)
- 26. 需要幫助將滾動條添加到編輯框
- 27. 將F1幫助添加到c中的對話框中#
- 28. 添加文本框到模式彈出框中
- 29. 添加彈出的文本
- 30. CSS邊框幫助
這就是所謂的工具提示創建之旅,以及谷歌搜索會給你一個極大的例子。 – adeneo 2012-08-16 15:53:56
**你有什麼試過嗎?** – 2012-08-16 15:55:47
@adeneo - 謝謝..該死的我忘了以前叫什麼了。我認爲這應該夠了。 – yogsma 2012-08-16 15:57:32