JS中的fadeIn(500)无效

JavaScript08

JS中的fadeIn(500)无效,第1张

你的css百分之百是display：“block”呈现的。如果你想用fadeIn()必须是display：“none.”

但是你不要在CSS里面加，在你的if（）判断里面添加“或”学过与或非这个字眼就是 &&||！

if($(window).scrollTop() >=300||$(".mxnav").css({ display:"none" }))

这时候你再看看，绝对是经过滑动300后渐变出导航置顶。

比如说你要在一个固定的div里面轮播三张图片，首先你肯定是要把三图片给写进去，此时如果你不把第二张和第三张给隐藏起来的话，那么页面一加载完毕，浏览器里面就会一下子出现三张图，还占用了页面的相对位置。使用一开始就得把第二张和第三张给hide，等到第一张图片轮播完就把第一张给hide起来，第二张呢就fadein显示在页面中了，第三张也是同样的道理

网页元素一个一个删除，然后一个一个载入新网页的元素,这样子网页在过度过程中会出现变形和抖动。

比较好的办法是把老网页和新网页的元素分别放置到一个层里，开始是现实老网页层，新网页层display设为none，不显示。

过度时使用新网页层盖住老网页层，过度效果就是新网页层盖住老网页层的过程效果。效果可以百度一下。当新网页层完全盖住老网页层时，把老网页层（这是页个元素）删除就可以了。