javascript - 加载悬停图像的数据

Question

首先，我是脚本编写方面的新手，需要您的帮助。我正在努力实现以下目标:

我有四个项目要在我的网站上展示。这些项目可以通过图像看到。当人们将鼠标悬停在图像上时，一个名为“信息”的 div 将显示他们悬停的项目的附加信息。

所以要明确一点，将由悬停触发的数据转到同一个 div“信息”:

将鼠标悬停在图片 1 -> 将项目 1 的信息加载到 -> div "info"

将鼠标悬停在图像 2 -> 将项目 2 的信息加载到 -> div "info"等

一个 friend 告诉我使用 ajax 和 xml，这是一个很好的组合吗？

感谢帮助

Answer 1

您说得对，在页面上动态加载内容的一种好方法是使用 Javascript 和 XML。开始使用 JavaScript 的一个好方法是加载一个库来帮助您操作 HTML 页面的内容。我绝对推荐 JQuery。

我强烈建议不要从单独的文件加载信息，除非内容是一大堆非常大的图像。

看看这个视频:JQuery for Designers他们制作了一些非常棒的视频，在我刚开始的时候帮助我理解了 JQuery。我刚刚链接到的页面有一些很棒的技术可以将内容切换到同一个地方，并且还会为您提供一些重要的 UX(用户体验)提示。