javascript - 单击图像时将div显示为弹出窗口

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center。
                        
                    
                
            
                7年前关闭。
        

    

我有一张图片。

当用户单击图像的特定区域时，我想显示不同的div作为弹出窗口。

我想用jQuery和HTML做到这一点。

谁能帮我这个。

最佳答案

使用SimpleModal

您可以使用插件SimpleModal实现您想做的事情。


  SimpleModal是一个轻量级的jQuery插件，为模态对话框开发提供了强大的界面。可以将其视为模式对话框框架。 SimpleModal使您可以灵活地构建任何可以设想的内容，同时使您免受UI开发固有的相关跨浏览器问题的困扰。


使用它，您可以调用已经存在的div或动态创建模式。

调用现有的div：

$("#element-id").modal();

快速制作模态：

$.modal("<div><h1>SimpleModal</h1></div>");

提供选项：

$("#element-id").modal({options});
$.modal("<div><h1>SimpleModal</h1></div>", {options});

演示：



此处有更多演示：http://www.ericmmartin.com/projects/simplemodal-demos/