js怎么实现一段文字的显示有个明显的过渡效果

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

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

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

用js触发css的过渡效果可以用impress.js实现。

以下例子实现了基于CSS3变化和过度效果:

$.jmpress('template', 'arraytemplate', {

   x: 100, y: 100, scale: 2,

   children: [

       { x: 0, y: 150, scale: 0.2 },

       { x: 0, y: 450, scale: 0.3 }

   ]

})

支持现代浏览器Chrome，Safari和Firefox支持.

---