网上音乐页面

HTML的基本应用——框架的使用（frame）。这个页面主要是为了展示frame的应用，比较简陋。

代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<frameset rows="30%,6%,56%,*" cols="*" frameborder="0">

<frame src="1.html" scrolling="no" />

<frame src="2.html" scrolling="no" />

<frameset rows="*" cols="45%,*">

<frameset rows="60%,*">

<frame src="3-1-1.html"  scrolling="no"/>

<frame src="3-1-2.html"  scrolling="no"/>

</frameset>

<frame src="3-2.html" scrolling="no" />

</frameset>

<frame src="4.html" scrolling="no" />

</frameset>

<noframes></noframes>

</html>

1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table align="center" style="width:1350px; height:180px;">

<tr>

<td><img src="10.jpg" style="width:100%; height:180px;"  /></td>

</tr>

</table>

</body>

</html>

2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table width="1350" height="65">

<tr>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">新歌top</font></a></td>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">中国风</font></a></td>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">欧美流行</font></a></td>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">日韩流行</font></a></td>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">MV</font></a></td>

<td align="center"><a href="http:www.baidu.com"><font size="+1" color="#FFCC00">搜索</font></a></td>

</tr>

</table>

</body>

</html>

3-1-1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body background="2.jpg" style="font-size:23px;">

<table width="600" height="200">

<tr>

<td>

<p align="center"><font color="#CC3300">喜欢你</font></p>

<p align="center"><font color="#CC3300">作词：黄家驹</font></p>

<p align="center"><font color="#CC3300">作曲：黄家驹</font></p>

<p align="center"><font color="#CC3300">演唱：G.E.M. 邓紫棋</font></p>

</td>

</tr>

</table>

</body>

</html>

3-1-2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table>

<tr>

<td><embed src="邓紫棋 - 喜欢你.mp3" width="700" height="180"/></td>

</tr>

</table>

</body>

</html>

3-2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<table background="3.jpg" width="730" height="350">

<tr style="font-size:25px; color:#CC0000">

<td>

<marquee direction="up" scrolldelay="500">

<h1 style="font-size:36px;" align="center">喜欢你</h1>

<p align="center">细雨带风湿透黄昏的街道</p>

<p align="center">抹去雨水双眼无故地仰望</p>

<p align="center">望向孤单的晚灯</p>

<p align="center">是那伤感的记忆</p>

<p align="center">再次泛起心里无数的思念</p>

<p align="center">以往片刻欢笑仍挂在脸上</p>

<p align="center">愿你此刻可会知</p>

<p align="center">是我衷心的说声</p>

<p align="center">喜欢你 那双眼动人 笑声更迷人</p>

<p align="center">愿再可 轻抚你 那可爱面容</p>

<p align="center">挽手说梦话 像昨天 你共我</p>

<p align="center">满带理想的我曾经多冲动</p>

<p align="center">抱怨与她相爱难有自由</p>

<p align="center">愿你此刻可会知</p>

<p align="center">是我衷心的说声</p>

<p align="center">喜欢你 那双眼动人 笑声更迷人</p>

<p align="center">愿再可 轻抚你 那可爱面容</p>

<p align="center">挽手说梦话 像昨天 你共我</p>

<p align="center">每晚夜里自我独行</p>

<p align="center">随处荡 多冰冷</p>

<p align="center">以往为了自我挣扎</p>

<p align="center">从不知 她的痛苦</p>

<p align="center">喜欢你 那双眼动人</p>

<p align="center">笑声更迷人</p>

<p align="center">愿再可 轻抚你 那可爱面容</p>

<p align="center">挽手说梦话</p>

<p align="center">像昨天 你共我</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

<p align="center">哦哦哦 哦哦</p>

</marquee>

</td>

</tr>

</table>

</body>

</html>

4.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body bgcolor="#66CC66">

<table style="width:1350px; height:5px;">

<tr>

<td>

<marquee direction="right" scrolldelay="10">

<p align="center"><font size="+2" color="#C23434">欢迎收听你的月亮我的心，好男人就是我，我就是曾小贤</font></p>

</marquee>

</td>

</tr>

</table>

</body>

</html>

时间： 2024-11-05 12:18:25

网上音乐页面的相关文章

php大力力 [029节] 做PHP项目如何下载js文件：使用腾讯浏览器把网上案例页面存储到本地

php大力力 [029节] 做PHP项目如何下载js文件:使用腾讯浏览器把网上案例页面存储到本地 yeah,搞定啦 php大力力 [029节] 做PHP项目如何下载js文件:使用腾讯浏览器把网上案例页面存储到本地

QQ音乐页面css3动画的应用

<!DOCTYPE html> <!-- saved from url=(0036)http://y.qq.com/vip/promote_yearvip/ --> <html lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta charset=

html - html5 audio 音乐自动播放，循环播放等

转自:http://blog.csdn.net/u012246458/article/details/50618759 audio播放音乐 [java] view plain copy <audio id="audio" src="images/openspeech.mp3" style="opacity:0" preload="auto" controls loop hidden="true"/&g

Android开发本地及网络Mp3音乐播放器(九)音乐收藏与列表切换

实现功能: 使用快速开发框架xUtils中的DbUtils模块,为音乐收藏功能做准备 实现PlayActivity(独立音乐播放界面)收藏.取消收藏按钮 实现MainActivity(主界面)菜单选择事件进入MyLoveMusicActivity(音乐收藏界面) 实现本地音乐列表与音乐收藏列表切换功能 (目前源码,只实现了音乐收藏列表,菜单中最近播放列表后续会进行补充) 截止到目前的源码下载: http://download.csdn.net/detail/iwanghang/9504916 x

做一个Android音乐播放器是遇到的一些困难

最近再做一个安卓的音乐播放器,是实验室里学长派的任务,我是在eclipse上进行开发的,由于没有android的基础,所以做起来困难重重. 首先是布局上的困难 1.layout里的控件属性不熟悉 2.想做一个音乐列表做不出来知道要用Listview控件,网上也找了许多的音乐播放器的代码,但导入项目中总会出错,所以想在这里请教各位 3.除了布局有困难外,实现相关功能也有困难,由于基础不行所以我并不想也做不出网上音乐播放器那么多的功能,我只想要我的播放器有播放,暂停,上一曲,下一曲的效果就行了,这还

如何将页面上的数据导入excel中

网上关于页面数据导入excel的文章很多,但是大部分都是关于 ActiveXObject 对象,可是ActiveXObject 对象是只支持IE的,可我连IE11也测试了,还是无法识别,又查到消息,好像该对象只支持IE7,IE8,所以果断放弃. 继续查找各大论坛,终于找到JsExcelXml的插件, <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></

Android开发本地及网络Mp3音乐播放器(十)最近播放界面与数据保存更新

实现功能: 实现MyLoveMusicActivity(音乐收藏界面) 实现MyRecordMusicActivity(最近播放界面) 实现MyMusicListFragment(本地音乐界面)ItemClick事件发生后,切换到PlayActivity(独立音乐播放界面)只播放 本地音乐. 实现MyLoveMusicActivity(音乐收藏界面)ItemClick事件发生后,切换到PlayActivity(独立音乐播放界面)只播放 音乐收藏. 实现MyRecordMusicActivity(

批量删除网易云音乐【我喜欢的音乐】列表中的歌曲

?网易云音乐貌似没有提供批量操作的功能,而这个歌单好像又不能删掉,所以删的时候得一个个删,相当蛋疼.不过看了下删除操作,是请求一个api,传递相应参数即可. 首先打开歌单页面,地址是: http://music.163.com/#/my/m/music/playlist?id=xxxxx 其中xxxxx是歌单的ID号,打开console,随便删一首歌,可以看到网络请求为: /api/playlist/manipulate/tracks?csrf_token=64f353b064b83d3c692

Android开发本地及网络Mp3音乐播放器(八)状态存取与界面滑动

实现功能: 退出应用时,保存歌曲位置(也就是当前是第几首歌曲) 退出应用时,保存播放模式(也就是用户设置的是顺序播放/随机播放/单曲循环) 进入应用时,读取歌曲位置 进入应用时,读取播放模式 实现PlayActivity(独立音乐播放界面)的专辑图片layout滑动,滑动后展示歌词layout (目前源码,只实现了专辑图片layout与歌词layout,歌词layout的信息填充后续会进行补充) 截止到目前的源码下载: http://download.csdn.net/detail/iwangh