仅悬停在不在文件上的图像上

Question

我是网页设计新手，这是我的第一个问题（sry，如果有任何错误） 目前我正在开展项目，我允许用户使用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')

这是我的想法，但我没有得到如何开始。

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

感谢，如果有人能帮助我的话。 THX

Answer 1

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

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