首页 > 如何只在img被hover的时候触发?

如何只在img被hover的时候触发?

我是刚学习web

遇到的问题是要做一个上传文件的页面,希望在上传图片的时候,用户hover显示一些东西,但其他文件不生效?

$(function () {
var filename = $("#rptFileUpload").val();
var extension = filename.replace(/^.*\./, '');
if (extension == filename) {
    extension = '';
} else {
     extension = extension.toLowerCase();
}

$(document).ready(function () {
      imagePreview();
    });
  this.imagePreview = function () {
     xOffset = 200;
     yOffset = -50;

  switch (extension) {
      case 'jpg':
      case 'jpeg':
      case 'png':               

           $('div.thumbnail-item').hover(function (e) {
                $(this).css('z-index', '15')
                .children("div.tooltip")
                .css("top", (e.pageY - xOffset) + "px")
                .css("left", (e.pageX + yOffset) + "px")
                .fadeIn("fast");
           })
          .mousemove(function (e) {                                   
                 x = e.pageX - $(this).offset().left;
                 y = e.pageY - $(this).offset().top;

                 $(this).children("div.tooltip")
                 .css("top", (e.pageY - xOffset) + "px")
                 .css("left", (e.pageX + yOffset) + "px");
           })

           .mouseleave(function () {
                  $(this).css('z-index', '1')
                  .children("div.tooltip")
                  .animate({ "opacity": "hide" }, "fast");
           });                            

    };

            case 'pdf':
            case 'docx':
            case 'doc':

                code : should not hover
        }
<telerik:RadAsyncUpload ID="UploadDocument" runat="server" MaxFileInputsCount="5" ChunkSize="3145728" Width="300px"></telerik:RadAsyncUpload>
<asp:LinkButton runat="server" ID="btnUpload" OnClick="btnUpload_Click" Text="Upload"></asp:LinkButton>
<asp:Repeater runat="server" ID="rptFileUpload" OnItemDataBound="rptFileUpload_ItemDataBound" OnItemCommand="rptFileUpload_ItemCommand">
<ItemTemplate>
    <div class="thumbnail-item thumbnail-item1">
 <a href="#">
   <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# "~/Partners/Thumbnails/" + Eval("ThumbnailImage") %>' CommandName="Download" CssClass="thumbnail" Width="100" Height="90" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"ID") %>' /></a>

    <div class="tooltip">
        <span class="overlay"></span>
            <asp:ImageButton ID="ImageButton2" runat="server" ImageUrl='<%#  "~/Partners/Attachments/" + Eval("ThumbnailImage") %>'  CommandName="Download" CommandArgument='<%#DataBinder.Eval(Container.DataItem,"ID") %>' Width="200" Height="185" />
     </div>

怎么处理?

【热门文章】
【热门文章】