正确输入文本后,图像会翻转?

时间:2012-05-04 04:32:58

标签: javascript jquery

我正在设计一个语言学习网站。当有人在文本框中输入文本时,我想拥有它,它开始翻转某些图像。看看下面的示例

http://imageshack.us/photo/my-images/827/hiraganaquiz2.jpg/

因此,当用户输入“na”时,第一个符号会突出显示在我的样本中。当他输入“ma”时,第二个符号应突出显示/翻转。我希望所有符号在输入正确的文本时保持翻转状态。因此,如果用户输入“nama”,则前两个符号应该被翻转以显示它们是正确的,一旦输入了最后一个正确的文本,这三个符号将被翻转。可以这样做吗?非常感谢你!

1 个答案:

答案 0 :(得分:2)

我认为这在很大程度上取决于您使用的技术。如果您支持AJAX,您可以使用隐藏“未选定”图像并将其替换为“已选择”图像的某种标记来完成此操作。

我找到了这个论坛帖子。它似乎与你的问题相似。我希望它有所帮助: http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/101640/multiple-mouseover-events