提供有關產品信息的彈出式窗口

我希望在我的網站的重要選項旁邊有一個問號，以便我可以在小型彈出窗口中向用戶顯示有關該選項的信息。提供有關產品信息的彈出式窗口

我希望有一個彈出窗口，如this。點擊設置提醒選項來查看彈出窗口。任何人都可以指導我如何做出這個或他們使用了什麼，這個漂亮的小彈出框。

謝謝:)

來源

2012-02-04 Prashant Singh

我使用的是第一次訪問本網站的另一個插件。 http://buyhatke.com但我不能阻止每次點擊顯示，將看起來ODD – 2012-02-04 02:07:46

你可以稱它爲工具提示。有很多工具可以幫助你達到這個效果。根據您首選的JavaScript框架，您可以找到很多插件。這裏有一些jQuery框架。

http://flowplayer.org/tools/tooltip/index.html

http://plugins.learningjquery.com/cluetip/demo/

http://craigsworks.com/projects/qtip/demos/

如果您想了解更多，您可以谷歌「jQuery的工具提示」。

P.S：如果您希望工具提示出現在「點擊」事件中，請使用您選擇的工具提示的JavaScript文件。

來源

2012-02-04 04:23:19 Vikas

<script> 
function showpopup(id) { 
d = document.createElement('div'); 
d.style.position = 'absolute'; 
d.style.height = '100px'; 
d.style.width = '100px'; 
d.innerHTML = '<p>Testing...</p>'; 
d.setAttribute('style', d.getAttribute('style') + 'background-color: blue;'); 
d.style.top = '' + (document.getElementById(id).style.top - 100); 
d.style.left = '' + (document.getElementById(id).style.left - 50); 
document.body.appendChild(d); 
} 
</script> 
<a href='#' id='l1' onclick='showpopup("l1");'>aalsdkfj</a>

來源

2012-02-04 02:10:42 pycoder112358

不工作，不在顯示 – 2012-02-04 02:18:51

我更新了代碼，所以現在框中藍色背景。它工作嗎？如果沒有，您使用的瀏覽器是什麼？你的瀏覽器是最新的嗎？ – pycoder112358 2012-02-04 18:10:35

有很多的工具可以使用，包括jQuery的一百模式對話框。如果您想要一個不依賴於CSS框架的綜合解決方案，請參閱Floatbox。這是相當渺茫，易於使用和支持是偉大的。

來源

2012-02-04 03:15:47 SourceMaid

提供有關產品信息的彈出式窗口

回答

相關問題