jQuery上傳/下載圖像背景幻燈片

Question

我需要創建一個jQuery控件，下面的描述。

將出現圖像背景和底部的窗格，其文本如圖1所示。單擊向上箭頭將導致窗格向上滑動，完全覆蓋背景，如圖2所示的透明幻燈片。透明幻燈片將顯示一個簡短的文字。

與我需要的功能描述中的圖片是以下鏈接

http://social.msdn.microsoft.com/Forums/sharepoint/en-US/f3b59305-0279-4601-bf91-819b146a3f53/jquery-updown-image-background?forum=scripting

Answer 1

檢查這個Fiddle，你需要的所有代碼jQuery是：

<script type="text/javascript"> 
$(document).ready(function(){ 
    var count=1; 
    $('#arrow').click(function(){ 
     count++; 
     if (count%2 == 0){ 
      $('#cover').animate({'top':'0px'},500); 
      $(this).removeClass('open').addClass('close'); 
      }else{ 
       $('#cover').animate({'top':'170px'},500); 
       $(this).removeClass('close').addClass('open'); 
      }; 
     }); 
}) 
</script> 

如果你喜歡它......記得投票