马少骅演厨师的电视剧:转贴:绝妙DIY:博客音乐播放器原来可以这样唯美(一)

来源:百度文库 编辑:九乡新闻网 时间:2024/07/14 04:55:06

绝妙DIY:博客音乐播放器原来可以这样唯美(一) 

 

    音乐是绚丽而丰富多彩的,音乐播放器的样式也应随之幻化形姿,以下是文秀长时间以来积累的关于变换播放器样式的心得,现贴给大家。

 

注意:

(1)背景音乐地址为红色的部分(结尾是.mp3或者.wav等格式的地址)

(2)如果想换背景颜色,可通过改换{#000000 }来实现。

(3)背景图片可以更换,蓝色的那部分(结尾为.gif或者.jpg的地址).

(4)AUTOSTART=“?”为“自动播放”控制语句,AUTOSTART=“false”为手动播放状态,AUTOSTART=“true”为自动播放状态。下面所列播放器均设为了手动播放状态,朋友可根据自己的需要,在博文中改换状态。

 

这是我另一篇博文:教大家:在文章中添加音乐

                                                                                               1、

 

 

 

 

代码:


http://image38.360doc.com/DownloadImg/2011/09/3009/18134867_1.gif" height="50">
  
  
  

  




http://www.tstvu.com/music/fzfly/BambooDance.wma type=video/x-ms-asf loop="1" volume="0">

 

红色的是音乐地址,蓝色的背景图片地址

                                                                                              

 2、


     

  

                                        代码:


http://image38.360doc.com/DownloadImg/2011/09/3009/18134867_2.gif>


http://www.sjjzx.com/zhangchun/songs/cat09.mp3 " height=45 type=audio/mpeg >

 

红色的是音乐地址,蓝色的背景图片地址 

                                                                                              

 3、

                                     代码:

http://image38.360doc.com/DownloadImg/2011/09/3009/18134867_3.gif border=2>







http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" loop="-1">

 

 

红色的是音乐地址,蓝色的背景图片地址

                                                                                              

4、

 

代码:

http://image38.360doc.com/DownloadImg/2011/09/3009/18134867_4 border=2>







http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" loop="-1">

 

红色的是音乐地址,蓝色的背景图片地址

                                                                                             

 

5、 

                          

                                        代码:

http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" volume="0">

                                                                                              

6、

                        

                                     代码:

http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" volume="0">

 

红色的是音乐地址,蓝色的背景图片地址 

                                                                                              

 

7、 

                           

                                       代码:

http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg loop="-1" volume="0">

 

 

                                                                                              

 

8、 

 

 

  

为上面的黑色播放器加一个边缘,代码:


#000000 3px dashed; BORDER-TOP: #000000 3px dashed; BORDER-LEFT: #000000 3px dashed; BORDER-BOTTOM: #000000 3px dashed" cellSpacing=0 cellPadding=0 bgColor=#00000>



#000000 align=center border=1>







http://cherry.jazzsky.com/LIU/all_about_you.wma width=300 height=45 type=audio/mpeg volume="0" loop="-1">




红色的是音乐地址,蓝色的背景图片地址

如果想换背景颜色,可通过改换{#000000 }来实现 

                                                                                             

9、

 

 

代码:





http://www.ewen.cc/wma/n00000056/n0000005616.wma type=audio/mpeg >


 

红色的是音乐地址,蓝色的背景图片地址