2013-03-30 66 views
0

此代碼在Firefox中正常工作,但它不在谷歌瀏覽器中的淡入淡出效果。請幫助我如何解決此問題..在此先感謝。Jquery淡入淡出谷歌Chrome的不工作

<html> 
    <head> 
    <title>Fade IN</title> 
    <script type="text/javascript" src="../../js/jquery.js"</script> 
    </head> 
    <body id="new" background="../../images/login_1.jpeg" style="background-repeat: no-repeat;background-size: cover;"> 
    <script type="text/javascript"> 

    (function($) { 

     $(document.body).fadeIn(3000); 

    })(jQuery); 
    </script> 

<div id="showcase"> 
    <br><br> 
    <center><h1 style="color:black;">test</h1></center> 
     <center><h3 style="color:black;">test</h3> </center> 

    </div> 

    </body> 
    </html> 
+2

你'script'標記缺少'>'在開頭標籤。 Chrome也有一個Javascript控制檯,如果您在加載/運行頁面時沒有看到它,請從這裏開始。 –

+2

你想要身體淡入,但我沒有看到它始終隱藏起來?你已經看不到任何東西了。 – jfriend00

回答

3

嘗試:

(function ($) { 
    $(document.body).hide().fadeIn(3000); 
})(jQuery); 

Fiddle

+0

雅的工作很棒..謝謝 – Niju

+0

tks !!非常好 –