0

我试图在 html 页面中有一个动态弹出窗口。当用户悬停一个单词时，将出现弹出窗口。在弹出窗口中，我想调用一个带有悬停词作为参数的网页。它不需要处理页面中的每个单词。只有将鼠标悬停在我选择的单词上才会这样工作。例如，我的 html 页面中有一个文本“你好，这是一个示例文本”，用户将鼠标悬停在“示例”一词上，将出现一个弹出窗口，在弹出窗口中我将显示以下页面“www.blabla.com /?字=样本"

希望我很清楚。我希望它能够在静态页面上工作。我对javascript很陌生。我什至不知道从哪里开始，所以任何帮助将不胜感激。谢谢。

编辑：我希望弹出窗口成为模态弹出窗口。

4

2 回答 2

0

获取您想要具有此效果的元素，循环它们，为它们中的每一个添加事件侦听器，这会弹出一个窗口。

这是类似这样的粗略实现，其中单词popup周围有类：

[].slice.apply(document.getElementsByClassName('popup')).forEach(function (elem){
    elem.addEventListener('mouseover', function (){
        window.open('http://google.com/?q=' + this.innerHTML);
    }, false);
});​

演示

于 2012-09-03T12:08:56.137 回答
0

这是非常基本的，请阅读http://www.tizag.com/javascriptT/javascriptevents.php和http://www.w3schools.com/jsref/met_win_open.asp上的教程

但我可以告诉你，通过这种方法，浏览器会触发它们的弹出窗口拦截器。

于 2012-09-03T12:08:36.990 回答