jquery隱藏圖像然後淡入淡出

我沒有任何jQuery或Java腳本的經驗 - 對不起！jquery隱藏圖像然後淡入淡出

我有一個帶有Flash動畫的aspx頁面。如果閃光燈不可用，則會顯示靜態圖像。我希望圖像淡入。目前這不起作用。我甚至試圖用$（imgConnect）.hide（）隱藏圖像。但那也行不通！該網頁是在一個Web應用程序，我正在VS 2010中開發。我沒有在同一個Web應用程序的另一個頁面中添加一些示例jquery，並且使用相同的jquery庫引用工作正常。

任何人都可以請幫忙嗎？

<div id="flash"> 
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="197" id="myFlashContent"> 
      <param name="movie" value="intro.swf" /> 
      <!--[if !IE]>--> 
      <object type="application/x-shockwave-flash" data="intro.swf" width="600" height="197"> 
      <!--<![endif]--> 

       <img id="imgConnect" src="images/letsconnect.png" alt="Let's Connect" title="Let's Connect" /> 
       <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 

       <script type="text/javascript"> 

        $("imgConnect").hide().fadeIn("slow", function() { }); 

       </script> 
      <!--[if !IE]>--> 
      </object> 
      <!--<![endif]--> 
     </object> 
</div>

來源

2011-10-06 Rob Bowman

這裏是一個工作示例：http://jsfiddle.net/JptBV/1/

你需要讓隱藏在第一

圖像

<img id="imgConnect" src="images/letsconnect.png" style="display:none" />

，然後就可以在以後顯示它

$(document).ready(function(){ 
    $("#imgConnect").fadeIn('slow'); 
});

來源

2011-10-06 21:19:56

它的工作原理！謝謝 –

我想你需要$("#imgConnect")

井號表示你根據ID

而且選擇，你可能想包裝在ready()：

$(document).ready(function() { 
    $("#imgConnect").hide().fadeIn("slow", function() { }); 
});

最後，如果你在img上設置style='display: none;'，你可以擺脫hide()電話，讓它淡入。或者你可以做$('#imgConnect').delay(500).fadeIn()如果太快淡出（延遲時間，單位爲毫秒，等待那麼長的時間執行下一個動畫功能）

來源

2011-10-06 21:19:41 Kasapo

jquery隱藏圖像然後淡入淡出

回答

相關問題