分享

漂亮播放器你来做!你也能做!!

 ymmt(安若子) 2010-01-01
 
 
2010年元旦到了,给360doc坛里的朋友们,
 
介绍我打造的
 
前景闪字_眩丽舞台
 
 
 
这是系统给的播放器
 
 
 
在360doc的编辑器中,只点上面的插入媒体按扭就可以按提示插入mp3音乐
点三角按钮就可以播放出音乐 

下面的播放器是我用此系统播放器做的一些装饰而已
 
大家只要修改其中的显示语句、mp3地址、和背景图片
 
还有是否自动播放的一些代码就可以用
 
祝大家节日快乐!
 
2010-01-05 ymmt 修改

 
++++++++++++++++++++++++++++++++++++++   播放器①    ++++++++++++++++++++++++++++++++++++++++
 
                                 欢迎光临安若子馆

      >

 
代码如下: 
<!-- 复制以下代码
<div align=center>
<table id=table6 style="WIDTH: 515px; HEIGHT: 71px" borderColor=#4f3256 cellSpacing=0 cellPadding=0 align=center background=http://image4.360doc.com/DownloadImg/2009/3/16/51604_2823319_77.gif border=0>
    <tbody>
        <tr>
            <td style="FILTER: alpha(opacity=200,style=3)"><font color=#330000 size=2>
            <div align=center><strong style="FONT-SIZE: 12pt; WIDTH: 377px; COLOR: #008000; POSITION: absolute; HEIGHT: 37px">
            <div align=center>                                 欢迎光临安若子馆</div>
            </strong></div>
            <p align=left>      ><embed style="FILTER: Invert" src=http://mp3.m.mop.com/mp3/new_mp3/2009/12/22/ae874d7db9ad496c976252db66902723.mp3 width=357 height=44 type=audio/mpeg volume="0" autostart="false" loop="0"></p>
            </font></td>
        </tr>
    </tbody>
</table>
</div>
以上代码-->
 

修改说明

background=http://image4.360doc.com/DownloadImg/2009/3/16/51604_2823319_77.gif     (这是背景图,文后附A中有提供)
 
COLOR: #008000;   (显示语句的颜色,颜色代码见后面的附B)
 
欢迎光临安若子馆      ---------  (改为你想说的)
 
src=http://mp3.m.mop.com/mp3/new_mp3/2009/12/22/ae874d7db9ad496c976252db66902723.mp3   (mp3地址,百度很方便找到,值得注意的是,wma格式的音乐也可放哦!)
 
autostart=是否自动播放 ------- true 是, false 否
 
+++++++++++++++++++++++++++++++++++++++   播放器②  +++++++++++++++++++++++++++++++++++++++
 
韩红 de 天路

      >

 
 
代码如下 

<!-- 复制以下代码

<div align=center>
<table id=table6 style="WIDTH: 437px; HEIGHT: 71px" borderColor=#4f3256 cellSpacing=0 cellPadding=0 align=center background=http://image6.360doc.com/DownloadImg/2010/01/0110/2092677_1.gif border=0>
    <tbody>
        <tr>
            <td style="FILTER: alpha(opacity=200,style=3)"><font color=#330000 size=2>
            <div align=center><strong style="FONT-SIZE: 12pt; WIDTH: 377px; COLOR: #1e90ff; POSITION: absolute; HEIGHT: 37px">
            <marquee scrollAmount=3 behavior=alternate>韩红 de 天路</marquee></strong></div>
            <p align=left>      ><embed style="FILTER: Invert" src=http://www.gs.xinhuanet.com/Images/zhuantibaodaotp/40-qztl/tianlu.mp3 width=357 height=44 type=audio/mpeg loop="-1" autostart="false" volume="0"></p>
            </font></td>
        </tr>
    </tbody>
</table>
</div>

复制以上代码-->
 
+++++++++++++++++++++++++++++++++++++++     播放器③  +++++++++++++++++++++++++++++++++++++++
 
◎◎相逢是首歌◎◎

      >

 
 
代码如下 
<!-- 复制以下代码

<div align=center>
<table id=table6 style="WIDTH: 537px; HEIGHT: 71px" borderColor=#4f3256 cellSpacing=0 cellPadding=0 align=center background=http://image6.360doc.com/DownloadImg/2010/01/0110/2092677_2.gif border=0>
    <tbody>
        <tr>
            <td style="FILTER: alpha(opacity=200,style=3)"><font color=#330000 size=2>
            <div align=center><strong style="FONT-SIZE: 10pt; WIDTH: 377px; COLOR: #ee82ee; POSITION: absolute; HEIGHT: 37px">
            <marquee scrollAmount=3>◎◎相逢是首歌◎◎</marquee></strong></div>
            <p align=left>      ><embed style="FILTER: Invert" src=http://202.116.102.10/department/biochemistry/gb/edit/UploadFile/2006112123544219.mp3 width=357 height=44 type=audio/mpeg loop="-1" autostart="false" volume="0"></p>
            </font></td>
        </tr>
    </tbody>
</table>
</div>


复制以上代码-->

 
 
送几个小的,可放首页上:
 
 
                     每周一歌


 
                     每周一歌


 
                     每周一歌

 
                     每周一歌


 
                     每周一歌

 
                     每周一歌

 
                     每周一歌

 
                                    每周一歌

 
 
 
                                             每周一歌

 
                         每周一歌

 
 大家可根据自己的喜好,修改代码
 
 
 

附A:一些背景图:(对图点右键就可获得地址)





































































































 


























































 
 
 
 
附B:字体颜色代码
 
 
 
 
 
 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约