Popup定位在CSS/javascript

我不是一個程序員在任何方式，但我能弄清楚如何使用在線工具來創建我想要的彈出式圖像映射，我想出了代碼的哪些部分（它似乎是JavaScript和CSS的組合，我認爲，我們的網站主要是CSS）控制了一些我想改變的元素（背景顏色和彈出框的大小/形狀）。我最後的問題，我一直無法解決，是固定的定位。其中三個彈出窗口脫離頁面，無法完全查看/閱讀。目前，當它懸停在圖像上方時，它們會彈出到光標的右下角。如果我可以切換到左側，我應該沒問題。Popup定位在CSS/javascript

這裏是網站，提供我所談論的一個想法：http://www.foresightdesign.org/education/flsi/transect.php

我很高興在代碼粘貼，如果需要的話。

來源

2014-03-28 user3473709

當然，如果您將顯示已完成的操作，那將會很好。 –

您需要確定彈出窗口的寬度並相應地轉換其起始x座標。減去寬度值將顯示錨定彈出框的右側角。 – Jasen

將它移動到左上角，改變javascript來此：

tt.style.top = (y - 320) + 'px'; 
tt.style.left = (x - 420) + 'px';

這隻要你的div仍然靜態尺寸爲300x400px工作。如果它太過左，則增加x的值（可能 - 210會更好，因爲它會將其居中在光標上方）。

來源

2014-03-28 18:29:18 fzzylogic

Popup定位在CSS/javascript

回答

相關問題