'<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. linux服务器TCP并发连接数优化

    1.查看用户单一进程最大文件打开数 [root@localhost ~]# ulimit -n 1024 2.修改/etc/security/limits.conf文件,添加下面两行, [root@l ...

  2. 在子线程中new Handler报错--Can't create handler inside thread that has not called Looper.prepare()

    在子线程中new一个Handler为什么会报以下错误? java.lang.RuntimeException:  Can't create handler inside thread that has ...

  3. [译]2016年深度学习的主要进展（译自：The Major Advancements in Deep Learning in 2016）

    译自:The Major Advancements in Deep Learning in 2016 建议阅读时间:10分钟 https://tryolabs.com/blog/2016/12/06/ ...

  4. 选择c3p0作为连接池

    <hibernate-configuration>     <session-factory>         <property name="dialect& ...

  5. Java（String）

    1>String类型判等 (1)请运行以下示例代码StringPool.java,查看其输出结果.如何解释这样的输出结果?从中你能总结出什么? package StringPool; publi ...

  6. UILabel顶端对齐

    比较一劳永逸的写法是对label添加一个分类 @interface UILabel (VerticalAlign) /** 顶端对齐 */ -(void)alignTop; /** 底部对齐 */ - ...

  7. 关于onmouseover和onmouseout的bug

    总结了一下关于使用onmouseover以及onmouseout会出现的bug 首先简单的布局: <div id="box"> <div>这是一个内容< ...

  8. 数组 Arrays类

    1.数组是一组变量集合,用来存储相同数据类型的一组数据的连续的空间. *数组名(标识符)连续空间首地址. *元素下标标明元素在数组中的位置,从0开始. *每个元素都可以通过下标来访问. *数组长度固定 ...

  9. ASP.NET MVC+Entity Framework 访问数据库

    Entity Framework 4.1支持代码优先(code first)编程模式:即可以先创建模型类,然后通过配置在EF4.1下动态生成数据库. 下面演示两种情形: 1.代码优先模式下,asp.n ...

  10. C# 小工具开发--DeBugHttp

    随着RESTful的流行,前后端分离,我们后端开发人员在开发过程中多http相关方法进行测试.这就是这个小工具的初衷. 代码地址:https://github.com/gdoujkzz/DebugHt ...