高级幻灯片,一页分为6x4,按可查看更多信息

时间:2015-06-23 14:41:04

标签: html css animation slideshow

我想用这方面创建幻灯片:

http://i.stack.imgur.com/f7JfI.png

幻灯片的一个页面应该划分为每行6个方格,有4条线,每个方块都是可点击的,当鼠标悬停在一个正方形上时,应该触发一个动画,就像图像上的那个一样。 / p>

有幻灯片的指南等,但不是我想做的,我没找到。

非常感谢帮助。

1 个答案:

答案 0 :(得分:0)

在没有看到您的代码的情况下,它有点难以提供帮助。但是,我找到了两个可以帮助你的资源。他们解释了如何使用JavaScript和CSS构建幻灯片。从那里,您可以单独构建每个幻灯片,并通过一个利用动画的简单表格添加所需的属性。

This资源向您展示了如何以一种很好的方式从头开始构建每张幻灯片。 This仅仅是一个花哨的动画幻灯片上的源代码,但肯定很有趣,代码可以解释你自己的问题。

我希望有所帮助!