-1

我有一个图像,我想在鼠标悬停时更改它,但每次用户将鼠标悬停到 4 时都会更改为不同的图像。

例如:原图是img_black.jpg。

1st mouseouver:图像变为 img_blue.jpg。在 mouseout 上,它会将其更改回 img_black。

2nd mouseouver:图像变为 img_red.jpg。在 mouseout 上,它会将其更改回 img_black。

3rd mouseouver:图像变为 img_yellow.jpg。在 mouseout 上,它会将其更改回 img_black。

第 4 次 mouseouver:图像变为 img_green.jpg。在 mouseout 上,它会将其更改回 img_black。

5th mouseouver:图像变为 img_blue.jpg。在 mouseout 上,它会将其更改回 img_black。(循环重新开始)

如果可以轻松使用计数器中的数字,我可以将名称更改为 img_1、img_2 等,并在 > 4 时重置为 1。除了这个概念,不知道从哪里开始......

任何帮助是极大的赞赏。谢谢你。

4

2 回答 2

0

除了将它全部构建到一个组件中之外,基本上就是这样。如果是我,我会查看图像的数组/列表和状态所以状态 0 将不是 overImage(在您的示例中为黑色)如果没有其他图像,它会像这样离开。如果有,则 State 将循环遍历 1 - Images.Count - 1 并成为列表中的索引。在不了解语言环境的情况下,很难说更多。

于 2012-10-30T23:30:32.917 回答
0

我猜你在谈论 HTML,对吧?在这种情况下,看看 jQuery。你需要它来做到这一点。 http://jquery.com/

于 2012-10-30T23:31:57.920 回答