如何创建一个悬停弹出窗口

时间:2022-06-16 09:26:09

I would like to have a link on my site that when you click it a site segment that hovers above the content appears and displays some information until it is closed in some way, and I would like to be able to insert anything I want to in there- text, images, CSS formatting, etc.

我想在我的网站上有一个链接,当你点击它时,会出现悬停在内容之上的网站段并显示一些信息,直到它以某种方式关闭,我希望能够插入我想要的任何内容文本,图像,CSS格式等

What language should I use for this? Do you know any sites that do this? Also a link to relevant libraries would be appreciated.

我应该用什么语言呢?你知道有这样做的网站吗?此外,相关图书馆的链接将不胜感激。

3 个解决方案

#1


javascript is used for such client side tasks such as this. The library jquery will be imensensly helpful. Basically what happens is when you hover your mouse over an image (or whatever you like) a div gets its display property switched and is positioned at the appropriate coordinates. Since this is a div, you can insert into it anything you would have in a webpage, images, CSS, flash, or whatever you like.

javascript用于此类客户端任务。库jquery将非常有用。基本上发生的事情是当你将鼠标悬停在图像上(或任何你喜欢的)时,div会将其显示属性切换并定位在适当的坐标处。由于这是一个div,您可以在网页,图像,CSS,flash或任何您喜欢的内容中插入任何内容。

#2


If I understand well the requirements, you need to use JavaScript, <div>s and the CSS property "display".

如果我很了解这些要求,则需要使用JavaScript,

和CSS属性“display”。

#3


Check out Prototype Window Xilinus. They have exactly you're looking for.

查看Prototype Window Xilinus。他们正是你正在寻找的。

#1


javascript is used for such client side tasks such as this. The library jquery will be imensensly helpful. Basically what happens is when you hover your mouse over an image (or whatever you like) a div gets its display property switched and is positioned at the appropriate coordinates. Since this is a div, you can insert into it anything you would have in a webpage, images, CSS, flash, or whatever you like.

javascript用于此类客户端任务。库jquery将非常有用。基本上发生的事情是当你将鼠标悬停在图像上(或任何你喜欢的)时,div会将其显示属性切换并定位在适当的坐标处。由于这是一个div,您可以在网页,图像,CSS,flash或任何您喜欢的内容中插入任何内容。

#2


If I understand well the requirements, you need to use JavaScript, <div>s and the CSS property "display".

如果我很了解这些要求,则需要使用JavaScript,

和CSS属性“display”。

#3


Check out Prototype Window Xilinus. They have exactly you're looking for.

查看Prototype Window Xilinus。他们正是你正在寻找的。