使Web Modal看起来像Mac Finder

时间:2018-07-31 01:15:50

标签: javascript jquery html css macos

我使网站看起来像mac os。我只是想使公告板看起来像Mac Finder。 (有一个文件夹列表,当我单击它时,它将像查找程序一样打开。)

如何使它看起来像Mac OS(如果可以,还可以添加动画)? 我找不到它。

我只是使用覆盖的引导程序模式来做到这一点,但是它的设计不是很好。

这不可能吗?或者,如果有人知道该怎么做或知道一些很棒的模块,请告诉我。

我真的非常感谢大家。

我不知道编码。我的网络模式与动画类似。

enter image description here

1 个答案:

答案 0 :(得分:1)

如果您有0年的编码经验,这将是99%不可能的。这个网站上的人不会帮你的忙。

我会尽力指出正确的方向。

首先,您将要查看some tutorials on HTML and CSS。您需要对这两种方法都相当熟练,才能创建Finder窗口的外观。

您可能要使用Bootstrap,因为这会简化其样式。

Here is an example of what I have been able to do in roughly 30 minutes.


尝试复制查找程序窗口时使用的灵感

以下链接是一些设计师不久前所做的示例。 http://www.alessioatzeni.com/mac-osx-lion-css3/

基本上,他能够使用HTMLCSS和某些JS重新创建Mac OS的外观。查看他的代码以获取灵感。

下一个链接是某人为旧OS查找程序制作的CodePen:https://codepen.io/paddykontschak/pen/JALeB