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

     

  • 相关阅读:
    1052 Linked List Sorting (25 分)
    1051 Pop Sequence (25 分)
    1050 String Subtraction (20 分)
    1049 Counting Ones (30 分)
    1048 Find Coins (25 分)
    1047 Student List for Course (25 分)
    1046 Shortest Distance (20 分)
    1045 Favorite Color Stripe (30 分)
    1044 Shopping in Mars (25 分)
    1055 The World's Richest (25 分)
  • 原文地址:https://www.cnblogs.com/jcjks/p/1052752.html
Copyright © 2011-2022 走看看