官方首页 | 无图版 | BBS首页
PJBlog3 2.8.5.157 新版发布 下载|升级(2008.8.26) 大话PJ3 | PJ3评测反馈 | PJ3发展建议 PJ纪念版T-shirt设计大赛投票结束大奖揭晓! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJ-Blog 3 斑竹日志 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
发新话题
打印

[分享] 框架式播放器的动态开关

本主题由 thomas 于 2007-2-7 16:40 解除高亮

[分享] 框架式播放器的动态开关

一直未发现论坛对贴子中java的限制,现在将代码完整提供出来。
并对以前看贴后未实现此功能的博友致谦!

说在前面:

  这里所说的动态开关是针对使用了框架页音乐播放的。其音乐开关的目的是为了实现我们在浏览博客任意页面时的播放器打开与关闭。

  我们使用框架页为博客添加音乐播放器是为了实现在浏览博客时,进行页面切换时音乐播放不会中断。为此有些博友为博客主页增加了“音乐版”与“非音乐版”的选择,或在主页增加了播放器的开关选项。但我发现在点击“打开播放器”或“关闭播放器”时会自动返回到博客主页,从而影响了我们正常的浏览;并且多次点击“打开播放器”会在面出现多个音乐播放器。
  为此我写了下面的代码段,用以实现在任意页面对播放器打开与关闭的控制。从任何页面打开和开闭播放器都不会出现返回到其它页面(主要为主页),不会再影响我们博客的浏览。

一、首先重建博客首页文件,命名为“index.asp代码如下:
<html>
<head>
<title>网站名称</title>

<meta http-equiv="Content-Type" c>
<style type="text/css">

frameset {
margin:0px;
padding:0px;
border:0px;
background-color:buttonface;
}
</style>
</head>

<frameset rows="0,*" frameborder="0" framespacing="0" name="abc">
   
    <frame src="" name="pamp" scrolling="NO" noresize >
    <frame src="default.asp" name="main" scrolling="YES">   

</frameset>
<noframes><META HTTP-EQUIV="refresh" C></noframes>
</html>

代码结束。
  以上代码除 网站名称 可以自行修改外,其它的请不要修改;其
default.asp 是 PJBbog 的默认首页。如果播放器是在页面的下方,可将代码:

<frameset rows="0,*" frameborder="0" framespacing="0" name="abc">
   
    <frame src="" name="pamp" scrolling="NO" noresize >
    <frame src="
default.asp" name="main" scrolling="YES">   

</frameset>
  替换为:
<frameset rows="*,0" frameborder="0" framespacing="0" name="abc">
   
   
    <frame src="default.asp" name="main" scrolling="YES">
  <frame src="" name="pamp" scrolling="NO" noresize >


</frameset>

二、为博客增加播放器的“开/关”切换。
  打开博客
然后在的后台管理中新建一个“侧边模块”,命名为“播放器开关”,编辑其HTML,其内容为
复制内容到剪贴板
代码:
<script type="text/javascript">  
function ChangeFrames(obj){  
 if (obj==0){
  var fs = top.document.getElementById("abc");
  fs.rows = "8,*";
 }
 else
 {
  var fs = top.document.getElementById("abc");
  fs.rows = "0,*";
 }
}
</script>
<a class=sideA onclick="javascript:ChangeFrames(0);" href="xxx.htm" target="pamp" >打开播放器</a>
<a class=sideA onclick="javascript:ChangeFrames(1);" href="" target="pamp" >关闭播放器</a>
代码结束。
  其中的“8”是你的横条式播放器的高度,而“xxx.htm”则是播放器页面,两处可自行修改。如果你的播放器是在页面的下方,可将代码:


function ChangeFrames(obj){  
 if (obj==0){
  var fs = top.document.getElementById("abc");
  fs.rows = "8,*";FrameTop=true;
 }
 else
 {
  var fs = top.document.getElementById("abc");
  fs.rows = "0,*";FrameTop=false;
 }
}

修改为:


function ChangeFrames(obj){  
 if (obj==0){
  var fs = top.document.getElementById("abc");
  fs.rows = "*,8";FrameTop=true;
 }
 else
 {
  var fs = top.document.getElementById("abc");
  fs.rows = "*,0";FrameTop=false;
 }
}

所有操作完成。


PS:可能很多人不明白上面的意义,不明之处可到我的博客看实际效果。点击侧栏的“打开播放器”、“关闭播放器”可以查看具体效果。




[ 本帖最后由 Cocacola 于 2007-2-6 19:33 编辑 ]
My Life Is Blue......

www.Colalan.com

TOP

LZ辛苦了....支持!!

TOP

看了你的空间....那个首页的图片展示不错! 怎么搞的? 有后台吗?

TOP

回复 #3 ymzhen 的帖子

http://bbs.pjhome.net/viewthread.php?tid=9057
我的另一篇贴子有详细说明,当然前提是你注册了bababian。
My Life Is Blue......

www.Colalan.com

TOP

·● 迈克伍:MichaelWu.CN

TOP

发新话题