表单的翻转图像

发布于 2024-11-17 19:38:20 字数 128 浏览 4 评论 0原文

是否可以实现图像和表单的翻转效果。

即,我想要一个图像,当用户将鼠标悬停在其上方时,该图像会滚动以显示表单(例如登录或注册表单)。

找不到类似的东西,所以假设它不可能,但我想我会问!

谢谢 京东

Is it possible to have a rollover effect for an image and a form.

I.e. I would like to have an image, which when the user hovers over, rolls away to reveal a form (like a login or sign up form).

Cant find anything out like there like this so assuming its not possible but thought I'd ask!

Thanks
JD

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

隐诗 2024-11-24 19:38:20

这是很有可能的。

使用CSS,为图像和表单的div 指定position:absolute。

然后使用 z-index,确保图像位于表单上方。

然后,您可以使用 HTML onmouseover 事件来执行一些操作,例如调用 Adob​​e Spry 的幻灯片动画效果,以巧妙地完成您想要做的事情。

但在我看来,这是不必要的闪光。

This is very much possible.

Using CSS, say position: absolute for the image and the form's div.

Then using z-index, make sure that the image lies over the form.

Then you can use the HTML onmouseover event to execute something like a call to Adobe Spry's slide animation effect to neatly accomplish what you're trying to do.

But in my honest opinion, this is unnecessary glitter.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文