放松一下——简单的优美动态网页(带背景音乐)

今天写一个很简单而且看起来很舒服的网页(有背景音乐,带动态)对于新手来说是很好的入门,因为可以激发兴趣。

1、index.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>放松一下</title>
	</head>

	<body background="img/cun.jpg">
		<embed src="music/1.mp3" hidden="true"></embed>
		<h1 align="center"><font color="aqua">晴空万里,遇见美丽</font></h1>
		<div style="float: left;">
			<marquee behavior="alternate" direction="down" height="600px"><img src="img/1.png" width="400px" height="300px" />
			</marquee>
		</div>
		<div style="float: left; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);">
			<center>
				<marquee direction="up" behavior="scroll" height="600px" onmouseover="this.stop()" onmouseleave="this.start()">
					<p style="text-align: center; font-family: '微软雅黑';line-height: 50px; color: darkcyan">落花情<br />
					 作词:程渤志 作曲:范炜<br />
					  演唱:七朵<br />
					   一种相思花自飘零水自流<br />
					    两处闲愁独自寂寞上心头<br />
					     梦回青青池畔回忆灯火阑珊 <br />
					     一杯苦酒恰似落花情几时休 <br />
					     问君几多愁叹息双泪流<br />
					      浊酒一杯怎知心中无数的苦与愁 <br />
					      长夜漫漫梦难求相思离愁<br />
					       留恋处你我蓦然回首<br />
					        但愿人长久回忆门前柳<br />
					         敢问谁能奈何无尽人间的去与留 <br />
					         明月不知离别苦 化作相思何以解忧愁 <br />
					         叹息儿女情又如何千里万里朝你奔走<br />
					          遥望明月山长水阔 唯有鸟语花香点点江风渔火 <br />
					          睡梦里寻他千百度 化作嫦娥翩翩起舞<br />
					           唯有落花片片随水波逐流<br />
					            一种相思花自飘零水自流 <br />
					            两处闲愁独自寂寞上心头<br />
					             梦回青青池畔回忆灯火阑珊<br />
					              一杯苦酒恰似落花情几时休<br />
					               你好似一片落花静静飘零在角落 <br />
					               又有多少人知晓佳人梦里眼泪流 <br />
					               唯有看落花坠落轻抚眼角泪滑过 <br />
					               一杯苦酒叹息山长水阔 <br />
					               叹息儿女情又如何千里万里朝你奔走 <br />
					               遥望明月山长水阔 <br />
					               唯有鸟语花香点点江风渔火<br />
					                睡梦里寻他千百度 化作嫦娥翩翩起舞<br />
					                 唯有落花片片随水波逐流 <br />
					                 一种相思花自飘零水自流 <br />
					                 两处闲愁独自寂寞上心头 <br />
					                 梦回青青池畔回忆灯火阑珊 <br />
					                 一杯苦酒恰似落花情几时休 <br />
					                 敢问苍天明月谁知佳人等了几个秋<br />
					                  花开花落只恨年少轻狂与天竞自由 <br />
					                  多少泪痕滑落轻抚寂寞功名欲追求 <br />
					                  唯有叹息落花追梦追自由 <br />
					                  仰望苍天和明月是否知晓我的明天<br />
					                   一杯苦酒怎能知晓花开花落的季节<br />
					                    我叹息着明天回忆着梦里灯火阑珊 <br />
					                    又有多少眼泪轻轻的滑落在青青的池畔<br />
					                     这一个花落时节看不清眼角眼泪<br />
					                      你我相恋却变成过去的过去的明天 <br />
					                      落花无情却只能遥望江火点点落花片片 <br />
					                      静静的叹息流水的无意与落花的伤感
					</p>
				</marquee>
			</center>
		</div>
		<div style="float: right;">
			<marquee behavior="alternate" direction="up" height="600px">
				<img src="img/2.png" width="400px" height="300px" />
			</marquee>
		</div>
	</body>

</html>

2、image

3、data

music是落花情

猜你喜欢

转载自blog.csdn.net/qq_36793007/article/details/81478860
今日推荐