我有一个基于 html 的简单文件，如下所示：
<html>
<body>
<b>Faculty</b><br><br>
Dr Mcgee
<br>
Dr Else
<br><br>
<b>Values</b><br><br>
1
<br>
2
<br>
</body>
</html>
我是 Web 端的新手，想知道如何进行此操作：当用户将鼠标悬停在我学校 Faculty 列下的一段文本上时（我不会链接我的学校页面，因为如果我这样做，我学校的某个人可能会创建此扩展程序）。我希望它显示 ratemyproff 评级。
我不知道该怎么做，因为我真的不知道在谷歌上搜索什么来做这样的事情？
我知道在这样的图像上有CSS叠加层：https : //www.w3schools.com/howto/howto_css_image_overlay.asp
但就我而言，我不能保证会列出哪些教授（我只是想了解做这些事情的基本过程）。
我不认为我可以使用 PHP，因为这需要我最终想要与它共享的用户还安装了 php/服务器端的东西。我想我只是不知道如何去做这样的事情，也不知道在互联网上搜索什么？
如果您请求数据的站点不在您的控制之下，您很可能无法在没有后端的情况下执行此操作，因为 CORS 基本上禁止站点 A 从站点 B 加载数据。站点 B 会给你特别的许可。你可以在这里阅读：https : //developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS
但是，如果您能够访问这些页面，或者您决定为此使用后端，则您要查找的术语是 ajax。
您的脚本可能是什么样子的粗略轮廓是：
如果您不熟悉所有这些，我建议您使用 jQuery。您可以在此处找到 ajax 文档：http : //api.jquery.com/jquery.ajax/
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句