2012-01-23 150 views
0

我在我的HTML中有幾個鏈接。點擊鏈接時,我希望使用淡入/交叉融合動畫顯示新頁面。我讀了一些關於CSS動畫的內容,但不確定這是否可以實現。任何幫助,將不勝感激請。動畫在網頁中打開鏈接

回答

1

你可以試試這個(不要忘記在頭加載樣式):

html{ 
    opacity: 1; 
    -webkit-transition-property: opacity; 
    -webkit-transition-duration: 500ms; 
} 

html.hide{ 
    opacity: 0; 
} 

的HTML

<html class='hide'> 
... 
</html> 

和與JS:

window.onload = function(){document.getElementsByTagName('html')[0].className = '';} 
+0

嗨,感謝您的幫助,但我不確定在HTML中包含哪些文本。你能澄清一下嗎? – RunLoop

+0

... <腳本類型= '文本/ JavaScript的'> 的window.onload =函數(){ document.getElementsByTagName( 'HTML')[0機] .className = ''; } – Davsket