javascript - 分割图像以用作网站背景

标签 javascript jquery html

我目前正在做一个项目,它是一家“公司”的交互式网站。我的想法是使用他们工作的公司房间的图像,并将其用作网站的背景。问题是我想像点击游戏一样做到这一点,我移动鼠标,一旦我踏入某物,它就会弹出有关该物的信息。例如,图片右下角的一个书面板谈论了他们正在进行的 session ,所以只要我的鼠标移到该板上,就会弹出一些谈论该 session 的内容。我的困难是我不知道如何将图像“分割”成那些小东西(黑板、3 张 table 、墙上的海报......)。

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

PS:无法发布图片,因为我还没有 10 声望。

最佳答案

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

希望有帮助!

关于javascript - 分割图像以用作网站背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30289704/

相关文章:

javascript - 在溢出 :hidden DIV without clipping 内为 DIV 创建覆盖

javascript - 获取包含特定元素的完整单词

javascript - 填充 HTML 元素时的断点

javascript - Backbone.js 放置事件不起作用

javascript - 在对 Angular 线段中获取点的算法

javascript - 使用 Colorbox(JQuery 灯箱插件),如何单击图像关闭灯箱?

javascript - 菜单叠加问题

javascript - 我制作了一个图像 slider ,但想在每张幻灯片中添加文本

javascript - 无法从 AJAX 构建数据表

javascript - 外部 javascript 文件在 IE 中不起作用