拆分图像以用作网站背景

时间:2015-05-17 17:15:01

标签: javascript jquery html

我目前正在做一个项目,这是一个“公司”的互动网站。我的想法是使用公司房间的图像,他们在那里工作并将其用作网站的背景。问题是,我想做一个点击游戏,我移动鼠标,一旦我进入某个东西,它会弹出有关该事情的信息。例如,图片右下方的书面板谈论他们正在进行的会议,所以一旦我的鼠标越过那个板,它就会弹出一些关于那次会议的东西。我的困难在于我不知道如何将图像“分割”成那些小东西(董事会,3张办公桌,墙上的海报......)。

这个想法是使用html基础并使用jQuery辅助的JavaScript。 任何帮助将不胜感激:)

PS:无法发布图片,因为我仍然没有10个声誉。

1 个答案:

答案 0 :(得分:1)

This link有很多你想要的例子。您可以在区域上使用css :hover来检测鼠标何时移过它们。

希望有所帮助!