• 给博客添加框架固定式背景音乐


    想给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子框架打开它就行了。暂时没空做了,明天就回家过年,年后再解决了,或许有更简单的办法。

     

  • 相关阅读:
    js 性能调试
    js 面向对象编程
    js 零碎
    如果遇到二维数组 想取某个字段的和
    昨天写支付接口时遇到支付接口返回数据接收地址,session数据丢失(或者说失效)的问题
    mysql报错: 1548-Cannot load from mysql.proc. The table is probably corrupted 解决办法
    php 时间倒计时代码 个人写法 有好的想法的欢迎贴出来分享
    linux 环境下安装mysql5.6
    关于数据库连接不上 出现错误的问题
    推荐一个不错的css3网站 可以直接调用的
  • 原文地址:https://www.cnblogs.com/jcjks/p/1052752.html
Copyright © 2020-2023  润新知