zoukankan      html  css  js  c++  java
  • 给博客添加框架固定式背景音乐

    想给BLOG添加一个背景音乐其实很简单,关键是如何让它能够在翻页的时候音乐都能够连续呢。我刚做好,把技巧分享一下:

      1. 选择背景音乐程序
        • 第一种方法是自己写个播放器
        • 第二种方法是找别人提供的网页播放器。我选第二种,挺方便的,用的是极速多用户音乐播放器:http://player.89525.com
      2. 将播放器添加到网页里
        • 博客园提供了在页首、页脚、公告区使用HTML,在这几个区域我们可以把播放器的代码放到网页里,很简单的。

    不过这样添加上去的播放器只能在单页播放,也就是当用户换页后就不行了。如何解决这个问题呢,使用框架式网页,把播放器放在另一个框架里,把BLOG主页放在另一个框架里,代码如下:

    <!--将以下内容存为你网站的默认首页文件/比如:index.htm,index.asp,index.php--> 

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>极速多用户网页音乐播放器(框架固定形式/底部音乐播放器)</title>
    <link href="89525css.css" rel="stylesheet" type="text/css">
    </head>
    <frameset rows="*,28" frameborder="NO" border="0" framespacing="0">
    <frame src="http://player.89525.com/p/index2.php" name="mainFrame" scrolling="yes">
    <frame src="http://player.89525.com/p/31/index.php?user=sys01" name="bottomFrame" scrolling="NO" noresize>
    </frameset>
    <noframes>
    <body><p>此网页使用了框架,但您的浏览器不支持框架。</p></body>
    </noframes>
    </html>

        如果是自己的网站那当然好办了,自己放个主页就OK,可惜博客园不可能提供这样的功能吧,当然也是安全考虑,也不能上传此类文件。是不是就不能使用框架了呢?
        方法是有的,既然不能把这个框架页面放到博客园上,那我把它放到其它网站不就可以了,比如我放一个网页:http://www.myblog.com/myframe.html的框架网页,代码是上面的内容,这样打开上面这个框架就能达到想要的效果了,但现在的问题是我们想让用户访问我的BLOG:http://jcjks.cnblogs.com也能实现这样的效果,怎么办?我的方法是这样的,在博客园页首HTML中添加如下代码:

    <script language="javascript">
    <!--
    if(this.name!="mainFrame")
    {window.location.href="http://player1.89525.com/p/MusicMode.php?user=jcjks";}
    -->
    </script>

    很简单的代码,就是让BLOG检查自己的name属性,如果是"mainFrame"则表示已经被放到框架里了,否则就不是,那么就把浏览器跳转到带播放器的框架页去。上面这个框架页是89525提供的框架页。如此就可以了。

    不过现在还有一个问题,就是当用户不是进你的首页,而是进某个子页面怎么办?因为上面的框架页总是把页面重定向到首页去。我想办法是可以解决的,比如自己写一个框架页,接受一个用户进哪一页的参数,重定向时把mainFrame子框架打开它就行了。暂时没空做了,明天就回家过年,年后再解决了,或许有更简单的办法。

     

  • 相关阅读:
    git
    Ubuntu编写makefile文件编译时显示makefile:2: *** missing separator. Stop.”,修改tab键后仍报相同的错
    cd /root/ 权限不够
    bash: ./arm-none-linux-gnueabi-gcc: No such file or directory
    安装Linux的交叉编译工具链
    DNW刷机步骤
    dnw刷机时刷不进去,进度条不动
    【Redis】基本数据类型常用操作
    【Redis】基本数据类型常用操作
    【Redis】基本数据类型常用操作
  • 原文地址:https://www.cnblogs.com/jcjks/p/1052752.html
Copyright © 2011-2022 走看看