2012-01-23 120 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