'<EMBED style="FILTER: xray()" src="mp3/'+s+'" width=360 height=30 type=audio/mpeg volume="0" loop="-1">'

//EMBED : 镶入式 | FILTER: 滤波器 | volume：音量 | loop ：循环
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <title>音乐之家</title>

 <style type="text/css">

 <!--

 #box {

     height: 650px;

     width: 600px;

     margin-top: 10px;

     margin-right: auto;

     margin-left: auto;

 }

 .mi {

     margin: 5px;

     float: left;

     height: 110px;

     width: 110px;

 }

 a {

     height: 110px;

     width: 100%;

     display: block;

 }

 body {

     background-image: url(bg1.jpg);

     background-attachment: scroll;

     background-repeat: no-repeat;

     background-position: center top;

 }

 #m1 {

     background-image: url(mi/1.jpg);

 }

 #m2 {

     background-image: url(mi/2.jpg);

 }

 #m3 {

     background-image: url(mi/3.jpg);

 }

 #m4 {

     background-image: url(mi/4.jpg);

 }

 #m5 {

     background-image: url(mi/5.jpg);

 }

 #m6 {

     background-image: url(mi/6.jpg);

 }

 #m7 {

     background-image: url(mi/7.jpg);

 }

 #m8 {

     background-image: url(mi/8.jpg);

 }

 #m9 {

     background-image: url(mi/9.jpg);

 }

 #m10 {

     background-image: url(mi/10.jpg);

 }

 #m11 {

     background-image: url(mi/11.jpg);

 }

 #m12 {

     background-image: url(mi/12.jpg);

 }

 #m13 {

     background-image: url(mi/13.jpg);

 }

 #m14 {

     background-image: url(mi/14.jpg);

 }

 #m15 {

     background-image: url(mi/15.jpg);

 }

 #m16 {

     background-image: url(mi/16.jpg);

 }

 #m17 {

     background-image: url(mi/17.jpg);

 }

 #m18 {

     background-image: url(mi/18.jpg);

 }

 #m19 {

     background-image: url(mi/19.jpg);

 }

 #m20 {

     background-image: url(mi/20.jpg);

 }

 -->

 </style>

 </head>

 <script src="jquery.rotate.min.js"></script>

 <script language="javascript">

         function play(s){

                 var m = '<EMBED style="FILTER: xray()" src="mp3/'+s+'" width=360 height=30 type=audio/mpeg volume="0" loop="-1">'

                 $("#msg").html(m)

         }

         function stop1(){

                 $("#msg").html("")

         }

 </script>

 <body>

 <div id="box">

     <div id="m1" class="mi"><a href="#" onclick="" onmouseover="play('a1.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m2" class="mi"><a href="#" onclick="" onmouseover="play('a2.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m3" class="mi"><a href="#" onclick="" onmouseover="play('a3.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m4" class="mi"><a href="#" onclick="" onmouseover="play('a4.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m5" class="mi"><a href="#" onclick="" onmouseover="play('a5.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m6" class="mi"><a href="#" onclick="" onmouseover="play('a6.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m7" class="mi"><a href="#" onclick="" onmouseover="play('a7.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m8" class="mi"><a href="#" onclick="" onmouseover="play('a8.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m9" class="mi"><a href="#" onclick="" onmouseover="play('a9.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m10" class="mi"><a href="#" onclick="" onmouseover="play('a10.mp3')" onmouseout="stop1()" ></a></div>

        <div id="m11" class="mi"><a href="#" onclick="" onmouseover="play('a11.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m12" class="mi"><a href="#" onclick="" onmouseover="play('a12mp3')" onmouseout="stop1()" ></a></div>

     <div id="m13" class="mi"><a href="#" onclick="" onmouseover="play('a13.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m14" class="mi"><a href="#" onclick="" onmouseover="play('a14.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m15" class="mi"><a href="#" onclick="" onmouseover="play('a15.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m16" class="mi"><a href="#" onclick="" onmouseover="play('a16.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m17" class="mi"><a href="#" onclick="" onmouseover="play('a17.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m18" class="mi"><a href="#" onclick="" onmouseover="play('a18.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m19" class="mi"><a href="#" onclick="" onmouseover="play('a19.mp3')" onmouseout="stop1()" ></a></div>

     <div id="m20" class="mi"><a href="#" onclick="" onmouseover="play('a20.mp3')" onmouseout="stop1()" ></a></div>

 </div>

 <div id="msg"></div>

 </body>

 </html>

JavaScript 鼠标划过 播放音乐。的更多相关文章

  1. JavaScript总结之鼠标划过弹出div单击出现对话框

    为了满足他们的永无止境的要求,我可谓是任劳任怨啊,累断了双手,看瞎了双眼.这个是来写鼠标划过一个按钮,然后弹出一个小提示框解释,另外根据radio是否选中,判断点击后如何执行,然后执行之后再有一个确认 ...

  2. 【大结局】《从案例中学习JavaScript》之酷炫音乐播放器（四）

    这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接. 本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址 ...

  3. iPhone播放音乐

    来源:http://blog.csdn.net/htttw/article/details/7842295 iPhone播放音乐 今天我们简要介绍如何在iPhone中播放音乐: 强烈建议你参考官方文档 ...

  4. 鼠标划过图片title 提示实现

    鼠标划过图片title 提示实现 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "h ...

  5. jQuery实现鼠标划过展示大图的方法

    这篇文章主要介绍了jQuery实现鼠标划过展示大图的方法,实例分析了jQuery操作鼠标事件及图片处理的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jQuery实现鼠标划过展示大图 ...

  6. .net 网站中如何动态播放音乐，页面如何播放音乐

    向别人请教有好处也有坏处,好处是你可以相对比较快的知道要点,坏处就是你TM的发现你弄了那么久都是白弄. 昨天今天一直在找一个问题的解决方案,我的问题描述大概是这样子的:我用vs2012开发的.net网 ...

  7. 【前端图表】echarts散点图鼠标划过散点显示信息

    在做项目的过程中,总会遇到这样或者那样的bug,这个时候就要看自己的动手能力有多强了,着手解决了一个bug之后,整个人都感觉很开心,端午下班之前遇到了一个小问题,echarts散点图鼠标划过散点的时候 ...

  8. Qt Quick 多媒体 - 播放音乐和视频

    MediaPlayer 是 QML 提供的核心多媒体类,可以播放音频.视频.要使用 MediaPlayer,需要引入 QtMultimedia 模块,在 QML 文档的开始加入 "impor ...

  9. pcDuino-V2利用madplay播放音乐

    在pcDuino的UBUNTU系统下,打开控制台,利用apt-get来下载madplay软件. sudo apt-get install madplay 播放音乐: madplay xxx.mp3 x ...

随机推荐

  1. curl 模拟登录微信公众平台带验证码

    这段时间一直写个项目, 从切图到前端到后台都要搞定,真tm累. 今天下午手残,不停用错误的密码去模拟登录微信公众平台,结果后来出现验证码,瞬间悲剧(菜鸟从来没搞过带验证码的). 研究了一下,发现其实很 ...

  2. [刘阳Java]_MyBatis_映射文件的resultMap标签入门_第4讲

    <resultMap>:用于解决实体类中属性和表字段名不相同的问题 id:表示当前<resultMap>标签的唯一标识 result:定义表字段和实体类属性的对应关系 prop ...

  3. 记一次PHP7+opcache+zmq出现SIGSEGV 问题的查找(一次不成功的bug查找)

    Title:  记一次PHP7+opcache+zmq出现SEGSEGV问题的查找(一次不成功的bug查找) bug来历自述:线上代码PHP环境是5.2,为了提升性能(逼格),于是升级为PHP7并使用 ...

  4. PHP从mysql获取数据的方法

    <?php require "database.php"; //读取数据库中的数据 $sql_1 = "SELECT * FROM test_table" ...

  5. windows 下ssh 客户端

    今天用 xshell 和 bitvise ssh 在 windows 登录SSH ,发现 vi 一些中文内容的文件会出现乱码,配置无效,在网上找到一款不会中文乱码的SSH客户端 MobaXterm , ...

  6. Oracle 学习方法

    参考书籍: oracle实用教程 pdf 深入浅出Oracle: DBA入门.进阶与诊断案例.pdf Oracle 认证 Dba 认证: Oca  oracle 初级dba 认证(容易) Ocp  o ...

  7. 用jquery编写的tab插件

    用jquery编写的tab插件 源码 $.fn.ss_tab = function (options) { var box = $(this); var btns = $(this).find(&qu ...

  8. win8 vs2010 openni2 配置

    打开一个新项目或者已存在的项目用以使用  OpenNI 在Visual Studio 菜单中, 打开项目菜单,选择项目属性. 在C/C++ 选项卡中, 在"常规" 下, 选择 &q ...

  9. DHCP配置

    DHCP服务器IP:192.168.1.10 一,安装dhcp [root@localhost ~]# yum install dhcp Loaded plugins: product-id, sub ...

  10. Spark简介

    Spark是UC Berkeley AMP lab所开源的类Hadoop MapReduce的通用并行框架,Spark,拥有Hadoop MapReduce所具有的优点:但不同于MapReduce的是 ...