icon

app/views/stores/search.html.erb

@@ -11,6 +11,10 @@
   .highlight {
     padding: 1px 4px;
     margin: 0 -4px;
+    filter: alpha(opacity=70);
+    -moz-opacity: 0.7;
+    -webkit-opacity: 0.7;
+    opacity: 0.7;
   }
 </style>
 <% content_for :top_field do%>
@@ -30,7 +34,7 @@
     <td class="r1">
       <div class="cb">
       	<span style="color: #c03; font-size: 14px;"><%= result.filename %></span>
-      	<span style="margin-left: 4px;"><%= link_to_attachment result, {:text => "下载"}%></span>
+      	<span style="margin-left: 4px;"><%= link_to_attachment result, {:text => image_tag("/images/button/download.png", width: "22px", alt: "l(:button_download)", :class => 'download_icon')}%></span>
       </div>
       <%= result.description %> 
       <div class="c9">所属分类：<%=result_come_from result%>
@@ -76,7 +80,15 @@
   });
 };
   $(document).ready(function($) {
-   $('.cb span').highlight('<%=params[:name]%>')
-   // $('#main').highlight('<%=params[:name]%>')
+   $('.cb span').highlight('<%=params[:name]%>');
+
+   $('.a_download_icon').each(function(){
+      $(this).mouseenter(function(event) {
+        $(this).attr("src", "/images/button/download_focus.png")
+      });
+      $(this).mouseleave(function(event) {
+        $(this).attr("src", "/images/button/download.png")
+      });
+    });
   });
 </script>