论坛: 网站建设 标题: 如何在一个页面中用javascript实现多个媒体文件的点播? 复制本贴地址    
作者: Aoming [aoming]    版主   登录
我已经改出一段js的脚本(其中可以实现无边窗口,想要无边窗口效果的朋友可以塞选下代码),但觉得这段脚本还是有它不爽的地方,不爽之处也是它实现的方法之处,用红色表明了。大家帮忙想想还有没有什么更好的实现方法呀?thank you~!
==============================================================
<script language=javascript>
<!--
closebar="images/close.gif";        //窗口右上角关闭“按钮”的图片
closebar2="images/close2.gif";      //鼠标悬停时关闭“按钮”的图片
icon="images/real.gif";              //窗口左上角的小图标


function play(fileName)
/*
------------------参数说明-------------------
w      :窗口的宽度。
h      :窗口的高度。
titleBg    :窗口“标题栏”的背景色以及窗口边框颜色。
moveBg    :窗口拖动时“标题栏”的背景色以及窗口边框颜色。
titleColor :窗口“标题栏”文字的颜色。
titleWord  :窗口“标题栏”的文字。
scr        :是否出现滚动条。取值yes/no。
--------------------------------------------
*/
{
w="202";h="221";titleBg=moveBg="#6699ff";titleColor="#ffffff";titleWord="精彩节目\-"+fileName;scr="no";
  var contents="<html>\r"+
              "<head>\r"+
      "<title>"+titleWord+"</title>\r"+
  "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=gb2312\">\r"+
  "</head>\r"+
              "<body topmargin=0 leftmargin=0 scroll=no onselectstart='return false' ondragstart='return false'>"+
  "  <table height=100% width=100% cellpadding=0 cellspacing=1 bgcolor="+titleBg+" id=mainTab>\r"+
  "    <tr height=18 style=cursor:default; onmousedown='x=event.x;y=event.y;setCapture();mainTab.bgColor=\""+moveBg+"\";' onmouseup='releaseCapture();mainTab.bgColor=\""+titleBg+"\";' onmousemove='if(event.button==1)self.moveTo(screenLeft+event.x-x,screenTop+event.y-y);'>\r"+
  "      <td width=18 align=center><img height=12 width=12 border=0 src="+icon+"></td>\r"+
  "      <td width="+w+"><span style=font-size:12px;color:"+titleColor+";font-family:宋体;position:relative;top:1px;>"+titleWord+"</span></td>\r"+
  "      <td width=13><img border=0 width=12 height=12 alt=关闭 src="+closebar+" onmousedown=self.close(); onmouseover=this.src='"+closebar2+"' onmouseout=this.src='"+closebar+"'></td>\r"+
  "    </tr>\r"+
  "    <tr height=*>\r"+
  "      <td colspan=4>\r"+
              "        <embed src=jcjm\/"+fileName+"\.mp3 width='200' height='200'  controls='ControlPanel' autostart='true' console='clip1' nolabels='TRUE' reset='TRUE'></embed>\r"+
  "      </td>\r"+
  "    </tr>\r"+
  "  </table>\r"+
  "</body>\r"+
  "</html>\r";

  pop=window.open("","_menu","fullscreen=yes");
  pop.resizeTo(w,h);
  pop.moveTo((screen.width-w),(screen.height-h)/2);
  pop.document.writeln(contents);

  temp=window.open("","nbw_v6");
  temp.close();
  window.showModalDialog("about:<"+"script language=javascript>window.open('','nbw_v6','fullscreen=yes');window.close();"+"</"+"script>","","dialogWidth:0px;dialogHeight:0px");
    pop2=window.open("","nbw_v6");
    pop2.resizeTo(w,h);
    pop2.moveTo((screen.width-w)/2,(screen.height-h)/2);
    pop2.document.writeln(contents);
    pop.close();

}
//-->
</script>

<a href=javascript:play("校庆")><img src="images/real.gif" align="absmiddle" border="0" width="16" height="16"></a> 校庆
<a href=javascript:play("音乐咖啡")><img src="images/real.gif" width="16" height="16" align="absmiddle" border="0"></a> 音乐咖啡
<a href=javascript:play("五环采风")><img src="images/real.gif" width="16" height="16" align="absmiddle" border="0"></a> 五环采风
<a href=javascript:play("中区爱滋病专题")><img src="images/real.gif" width="16" height="16" align="absmiddle" border="0"></a> 中区爱滋病专题


[此贴被 Aoming(aoming) 在 10月16日06时26分 编辑过]

地主 发表时间: 10/16 06:03

回复: q70213526 [q70213526]   版主   登录
呵呵
等我回头试试再感谢你。


B1层 发表时间: 10/17 22:15

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写:NetDemon

粤ICP备05087286号