只悬停在图像上而不是文件上答案

【问题标题】：Hovering only on Images not on files只悬停在图像上而不是文件上
【发布时间】：2014-12-08 06:41:51
【问题描述】：

我是网页设计的新手，这是我的第一个问题（抱歉，如果有任何错误）目前我正在做一个项目，我允许用户使用 Telerik:RadAsyncUpload 上传文档。

用户可以上传：图片（jpg,jpef,png）和文件（docx,doc,pdf）。要动态显示上传的文件，我使用的是 asp:Repeater。

我的问题是，我如何仅在用户上传的图像上应用“悬停”，即当我将鼠标悬停在图像上时，它应该会起作用。当我将鼠标悬停在任何类型的文件（pdf、docx、doc）上时，悬停不应该适用。我想通过使用 Jquery 来做到这一点。我有想法，即

1.首先获取上传的文件并将其扩展名存储在varibale中 2.比较类型。 3.

if type == 'jpg | jpeg | png |
  hover
else
  should not hover (for type = 'doc|docx|pdf')

这是我的想法，但我不知道如何开始。

所以关于这个问题的任何想法和解决方案请与我分享。

感谢，如果有人可以帮助我。谢谢

【问题讨论】：

你能给出一些代码如何显示你的图像和文件吗？
请分享确切的代码，以便我们看到您要执行的操作。
我不熟悉 telerik:RadAsyncUpload 所以我想知道图像是显示为标签还是只显示文件名？

标签： jquery html css asp.net hover

【解决方案1】：

如果您共享您的代码，那么事情可能会变得清晰，但如果使用图像标签，那么此解决方案可能会有所帮助。

  $('img').mouseover(function () {
            $('img').css('border', '1px solid red');
        });
        $('img').mouseout(function () {
            $('img').css('border', '0px solid red');
        });

【讨论】：