早在十多年前就开始折腾网站,那时候对服务器和域名是一点都不知道,捣鼓的都是些免费论坛和免费博客,其中非常有名的当属 5D6D
和博客大巴
了。那时候和现在一样,整天想着怎么样才能把自己的论坛和博客弄的漂漂亮亮、吸人眼球,在一堆美化之中要数换页不换歌研究折腾的时间最长。那时候 pjax
应该还没出来吧(具体我也不清楚),那时候是网页播放器的时代,各种各样五花八门的播放器如春后春笋般到处都是。印象最深的至今仍然还存在的网页播放器就不得不提到 站长天空 这个网站了,那时候几乎所有的关于美化的代码都是从 站长天空 那里搬运过来。
好了废话说话就开始言归正传了。
第一步
先到网易云音乐或者虾米音乐或者其他网站生成网页播放器,得到一个播放的绝对链接(这里用网易云音乐做实例)
https://music.163.com/outchain/player?type=0&id=87327222&auto=1&height=32
第二步
新建一个 index.html
的页面,将以下代码复制进去。
<html>
<head>
<title> 老狮的梦 | www.laolion.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<frameset rows="*,100(播放器宽度)" framespacing="0" frameborder="0" border="0">
<frame name="content" src="https://laolion.com" scrolling="yes">
<frame name="player" src="https://music.163.com/outchain/player?type=0&id=87327222&auto=1&height=32(播放器的绝对链接地址)"
scrolling="no" noresize>
<noframes>
<body>
</body>
</noframes>
</html>
第三步
将新建好的 index.html
页面上传到网站空间根目录,得到一个绝对地址:https:// 你的域名 /index.html
。打开这个页面就出来了一个带有播放器的网站主页,这样就实现了换页不换歌的效果。(以前的免费论坛操作是这样的:把 index.html
文件上传到你自己的论坛里然后到后台管理——帖子管理——附件管理,在文件名里填入音乐搜索到你刚上传的文件,点击 index.html
一行中的路径,得到地址。如 http:// 你的论坛地址 /userdirs/0/ ... _1207/.......attach
(以 ATTACH 结束)。)
附加步
当然你也可以做一些美化,通过点击按钮 音乐模式
和静音模式
进行切换,将以下代码放在想放的位置,如页头 head.php
或者页脚 foot.php
位置。(以前的免费论坛操作是这样的:然后进入后台——> 优化设置——> 搜索引擎优化,将下面这段放在“其他头部信息:”就行了)
<span style="position:absolute;top:415px;left:850px"><a href="https:// 你的域名 /index.html (填写刚才上传文件的地址)" style="color:red"> 音乐模式 </a> |<a href="https://laolion.com (你的域名)" target="_blank" style="color:red"> 静音模式 </a></span>
首页严重变形了,啥情况。
大大的小熊 2020-01-15
我在调试瀑布流哦,出问题
老狮 2020-01-15
啊,好古老的东西,以前玩5D6D的时候,最喜欢捣鼓这些东西。那时候是做5D6D风格的,想着法子把5D6D变的高端大气上档次,一折腾什么都往里面整,现在想想,还是简单点最好。
妾本良人 2020-01-13