1

我只有一个小时的时间来考虑添加到高端客户网站的一些经典外观效果——我认为最简单的方法是添加一个简单的淡入效果。

唯一让我担心的是它需要高度跨浏览器/跨平板电脑功能是否有任何论据表明以下脚本可能对网站有害?

.main-wrap div 包含所有主页内容(不包括导航或背景),因此以下脚本应在页面加载后加载所有内容 -

$(document).ready(function () {
    $('.main-wrap').hide();
    $('.main-wrap').fadeIn(4000);    
}); 

我想如果客户端浏览器对javascript的支持很差——那么.main-wrap首先不会隐藏,我想不出任何其他负面因素——但如果有其他人可以请告诉我!

4

2 回答 2

3

我必须说你可以链接它以获得更好的性能(无需调用相同的选择器两次):

$(document).ready(function () {
   $('.main-wrap').hide().fadeIn(4000);    
}); 

it needs to be highly cross-browser/cross tablet functional正如我们所知,如今移动设备拥有更好的浏览器,这些浏览器具有更好的 html5/css3 兼容性并且功能齐全。所以应该没有问题。然而,这需要一个深思熟虑的 js 工作。正如我上面提到的,更好的是缓存选择器以在代码中的多个区域使用。

于 2013-06-12T10:49:11.787 回答
2

如果您最初添加display:none类定义 css,则无需调用$('.main-wrap').hide(); 并且您的代码将按预期工作

.main-wrap
{
    display: none;
}
于 2013-06-12T10:49:39.523 回答