2011-02-09 56 views
0

我特別試圖以IE 6/7/8爲目標,並阻止這些版本識別我的javascript文件中的淡入淡出效果。充分利用jquery 1.4功能檢測

任何人都可以請幫我實施這個?

http://iamwhitebox.com/staging/arkitek

我有一個看起來像這樣開始一個片段,但我不知道在哪裏可以添加:

var FADE_TIME = 500; if(!($.support.opacity)) { FADE_TIME = 0} 

$('element').fadeOut(FADE_TIME) 
+0

`var FADE_TIME = $ .support.opacity? 500:0;` – 2011-02-09 00:49:25

+0

我試着在我的dynamicpage.js文件的頂部添加這個變量。它完全不影響IE? :( – iamwhitebox 2011-02-09 03:12:40

回答

0

首先,把所有的內容在一個div元素,在樣式表中,將該元素的不透明度設置爲0.然後,使用javascript,如果用戶的瀏覽器不是IE,則淡入,其他方式只需將其設置爲1即可。您可以將其放入document.ready或document.onload 。

if(navigator.userAgent.indexOf('MSIE')==-1) 
     //if we are not using IE 
    $('element').fadeIn(500); 
     //fade out 
else 
    $('element').css('opacity', '1') 
     //set opacity to 0 if we are using IE 

如果您想讓它關閉淡入實際工作,而不是直接根據的,如果瀏覽器是IE,那麼只需更換navigator.userAgent.indexOf('MSIE')==-1$.support.opacity$.support.opacity是一個更好的主意)。