主页设计：动态移动和扩展图像

Question

我正在尝试更新我的初创公司的网站'主页，但我的编程知识仅限于HTML，CSS，一点点jQuery，我正在尝试理解HTML5（我也可以阅读~ish Javascript ，但它往往不是一个巨大的成功......）！ 因此，我来​​找你解决。

以下是（附图）：

• 徽标在这里，无需触摸;）
• 我需要的是smallbox.png（上面写着一些“CAR”）用鼠标悬停时发光（我得到了smallbox_glow.png）
• 然后单击时移动到页面中间（1）（仍然是相同的图像，上面写有汽车）
• 然后自动淡化文本，扩展到大盒子（2）并获得一些不同的文本（..汽车）以淡入。

这是不可能的，或者2行或代码会使它工作？我有点被困在这里......

我愿意（并感兴趣！）学习不同的编码语言，如果有必要，可以用复杂性来拍摄=）

图片：

此处：http://i.imgur.com/0IWzQ.png

提前致谢！

Answer 1

我同意安东尼100％...这里有一些指导你可以开始。

根据您的用例

1. 我需要的是smallbox.png（上面写着一些“CAR”）用鼠标悬停时发光（我得到了smallbox_glow.png）
2. 然后单击时移动到页面中间（1）（仍然是相同的图像，上面写有汽车）
3. 然后自动淡化文本，扩展到大盒子（2）并获得一些不同的文本（..汽车）以淡入。

有些值得深思的话：

1. 这可以通过CSS单独使用背景图像来锚定并通过：hover和/或a：active等进行更改。如果它是您正在显示的纯文本，请考虑使用“text-shadow” “为您的发光效果和modernizer.js提供跨平台兼容性。

2. 可以使用HTML画布或jQuery's animate api完成此操作。

3. jQuery offers various fade effects

由于我们在某些时候都是新手，所以不要羞于发布你所拥有的内容，因为我们可以更好地协助解决任何问题。

祝你好运。