示例1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>页面的过度效果</title>
</head>
<body bgcolor="#FFCC00">
<center><h2>页面过度效果</h2>
<img src="images/1.jpg" width="498" height="349" /> <br/><br/>
<br/>
<a href="2-enter.html">进入网页</a><br/>
<a href="2-exit.html">离开网页</a>
</center>
</body>
</html>
效果:
其中titlt关键字就是设置网页打开时的标题栏网页的名字,
charset是设置支持的字符格式,设置成utf-8可以显示中文
href是设置链接文件
img 关键字是插入图片
src是设置图片的路径
height width 分别是设置图片的显示属性,表示高度,宽度
bgcolor写在body中,是设置body整个主体的背景颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" http-equiv="page-enter" content="revealtrans(duration=10,transition=21)"/>
<title>2-enter</title>
</head>
<body bgcolor="#ffcc99">
<centor><h2>进入效果</h2>
<img src="images/2.jpg" height="462" width="498"/><br/><br/>
<a href="2-1.html">返回</a>
</centor>
</body>
</html>
效果:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" http-equiv="page-exit" content="revealtrans(duration=5,transition=8)"/>
<title>2-exit</title>
</head bgcolor="#FFCC99">
<centor>
<h2>退出效果</h2>
<img src="images/3.jpg" height="462" width="498"/><br/><br/>
<a href="2-1.html">返回</a>
</centor>
<body>
</body>
</html>
效果: