常德网站建设
常德网站设计制作建设,常德网页设计制作建设,常德软件开发虚拟主机域名注册 常德网站制作 常德网站设计 常德虚拟主机  
 
常德域名注册
   域名主机 DNS HOST
   关于赛特 ABOUT SITE
   服务项目 SERVICE PROJECT
   软件开发 DEVELOPMENT
   解决方案 SOLUTION
   服务流程 CUSTOMER PROCESS
   成功案例 SUCCESS TORIES
   商务合作 COOPERATION
   服务报价 SERVICE PRICE
   联系赛特 CONTACT SITE
   网站知识 WEBSITE KNOWLEDGE
 您的位置:首页常德网站制作 - 简单实现用JS 音乐选播效果  
 



简单实现用JS 音乐选播效果
 
常德网站制作  加入时间:2011/9/16 18:37:48     点击:5669 常德网站建设  常德网站制作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<title>简单实用的音乐选播效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
body{background-color:#ff9933;color:#eeeee;}
</style>
<script language="javascript">
<!--
function showMusic(){
    var wmplayer=document.getElementById("wmplayer");
    var mUrl=window.event.srcElement.href;
    var mText=window.event.srcElement.innerText
    wmplayer.URL=mUrl;
    wmplayer.controls.play();
 mInfo.innerHTML = '<p align="center" style="filter:shadow(color=#000000,direction=110);height:14px;">当前播放: <font color="#ffffaa">' + mText + '</font></p>';
}
-->
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div><p align="center" style="font-size:18px;filter:shadow(color=#000000,direction=110);height:18px;">EraIT-MediaPlayer V1.0版</p></div>
<div id="wmplayerdiv">
 <!------↓初始化------->
 <object id="wmplayer" height="0" width="0" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
  <param NAME="AutoStart" VALUE="-1">
  <!--是否自动播放-->
  <param NAME="Balance" VALUE="0">
  <!--调整左右声道平衡-->
  <param name="enabled" value="-1">
  <!--播放器是否可人为控制-->
  <param NAME="EnableContextMenu" VALUE="-1">
  <!--是否启用上下文菜单-->
  <param NAME="url" VALUE="">
  <!--播放的文件地址-->
  <param NAME="PlayCount" VALUE="1">
  <!--播放次数控制,为整数-->
  <param name="rate" value="1">
  <!--播放速率控制,1为正常,允许小数1.0-2.0-->
  <param name="currentPosition" value="0">
  <!--控件设置:当前位置-->
  <param name="currentMarker" value="0">
  <!--控件设置:当前标记-->
  <param name="defaultFrame" value="">
  <!--显示默认框架-->
  <param name="invokeURLs" value="0">
  <!--脚本命令设置:是否调用URL-->
  <param name="baseURL" value="">
  <!--脚本命令设置:被调用的URL-->
  <param name="stretchToFit" value="0">
  <!--是否按比例伸展-->
  <param name="volume" value="50">
  <!--默认声音大小0%-100%,50则为50%-->
  <param name="mute" value="0">
  <!--是否静音-->
  <param name="uiMode" value="invisible">
  <!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
  <param name="windowlessVideo" value="0">
  <!--如果是0可以允许全屏,否则只能在窗口中查看-->
  <param name="fullScreen" value="0">
  <!--开始播放是否自动全屏-->
  <param name="enableErrorDialogs" value="-1">
  <!--是否启用错误提示报告-->
  <param name="SAMIStyle" value>
  <!--SAMI样式-->
  <param name="SAMILang" value>
  <!--SAMI语言-->
  <param name="SAMIFilename" value>
  <!--字幕ID-->
 </object>
 <!------↑初始化------->
</div>
<div>
 <ol>
  <li><a href="/bgmusic/mid/1.mid" onclick="showMusic();return false;">音乐1</a></li>
  <li><a href="http://www.111cn.net/code/bgmusic/mid/2.mid" onclick="showMusic();return false;">音乐2</a></li>
  <li><a href="http://www.111cn.net/code/bgmusic/mid/3.mid" onclick="showMusic();return false">音乐3</a></li>
  <li><a href="http://www.111cn.net/code/bgmusic/mid/4.mid" onclick="showMusic();return false;">音乐4</a></li>
  <li><a href="http://www.111cn.net/code/bgmusic/mid/5.mid" onclick="showMusic();return false;">音乐5</a></li>
 </ol>
</div>
<div id="mInfo" align="center" style="font-size:16px;filter:shadow(color=#000000,direction=110);height:14px;"></div>
</body>
</html>
更多详细内容请查看:http://www.111cn.net/js_a/73/33251.htm

上一条:php+ajax实现无刷新表单验证
下一条:js css圆角边框效果

  常德虚拟主机   客户列表 合作伙伴 | 工作机会 | 网站制作 | 友情链接
 本站关键词:赛特科技 常德网站建设 常德网站开发 常德网站制作 常德网站设计 常德虚拟主机 常德空间域名
  Copyright(c)2008 http://www.0736site.cn 地址:常德市洞庭大道西段170号湖南文理学院院内 赛特科技 湘ICP备08004647号