这个可以直接在meta中实现。
图片淡入淡出效果，最简单的方法就是在header中可以加入以下两句meta。
<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.5)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=2.5)">
启用网页过渡
默认情况下都已经启用了，如果需要手动启用则只需在Internet选项中： Advanced（高级） - Browsing（浏览） - Enable page transitions（启用页面过渡）即可。
应用过渡效果
当我们需要添加过渡效果时，只需在<head>中添加一个特殊的<meta>即可，比如：
网页进入过渡：
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
网页离开过渡：
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.RandomDissolve(Duration=2)">
接下来我们来罗列各种效果：
Blinds（百叶窗）
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Blinds(Duration=2)">
Properties: bands (default=10), Direction (default="down"), Duration ( no default)
Barn（扫除）
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Barn(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Barn(Duration=2)">
Properties: duration, motion, orientation (default="vertical")
CheckerBoard（无数小格）
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.CheckerBoard(Duration=2)">
Properties: Direction (default="right"), squaresX (default=12), squaresY (default=10)
Fade（淡入淡出）
<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)">
Properties: duration, overlap (default=1.0)
我的内容管理
展开
