1

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

以下是（附图片）：

  • 徽标在这里，无需触摸；）
  • 我需要的是smallbox.png（上面写着一些“CAR”）在鼠标悬停时发光（我得到了smallbox_glow.png）
  • 然后点击时移动到页面的中间（1）（仍然是相同的图像，上面写着汽车）
  • 然后自动淡出文本，展开到大框 (2) 并获得一些不同的文本 (..about cars) 淡入。

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

我愿意（并且有兴趣！）学习不同的编码语言，因此如有必要，请摒弃复杂性=）

图片 ：

这里：http: //i.imgur.com/0IWzQ.png

提前致谢！

4

1 回答 1

1

我 100% 同意 Anthony 的观点……这里有一些建议可以帮助您入门。

根据您的用例

  1. 我需要的是smallbox.png（上面写着一些“CAR”）在鼠标悬停时发光（我得到了smallbox_glow.png）
  2. 然后点击时移动到页面的中间（1）（仍然是相同的图像，上面写着汽车）
  3. 然后自动淡出文本，展开到大框 (2) 并获得一些不同的文本 (..about cars) 淡入。

一些值得思考的食物：

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

  2. 这可以使用 HTML canvas 或jQuery 的 animate api来完成。

  3. jQuery 提供各种淡入淡出效果

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

祝你好运。

于 2012-05-22T03:55:01.050 回答