多云信息弹出框

时间:2013-12-30 10:34:03

标签: javascript html forms

我想创建一个小信息框。因此,当您使用鼠标将鼠标悬停在图像上时,您会看到一个云形状的小盒子,您可以在其中读取一些信息。 我在很多网站上看过这个。我尝试搜索整个网络,但只找到了javascript弹出框。但只是在一个全新的屏幕上弹出。

帮助很有用! :)

干杯, 杰西

代码:

<html>
<body>
<input type="text" name="username" id="username"><p>
<input type="text" name="password" id="password">
<img src="files.directofficesupport.com/img/randompassgen_16x16.png" alt="Random password generator">
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您可以尝试使用:hover伪元素(CSS)并为容器创建半透明背景以表示云。

如果您提供一些HTML代码,我可以尝试帮助您使用CSS更新此答案。

同时,你可以在这里找到一个简单而美丽的例子: http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/