真正的音画播放器(完全用HTLM代码制作,MP3随便换不用软件哦)

HTML教程

〓★〓真正音画播放器的制作〓★〓

老大教你制作完全属于自己的播放器

 

〓★〓 瘦身老大制作 〓★〓

 

【音画播放器特点】 

1,不用软件制作

2,隐藏播放器,鼠标放上去才能看到哦

3,需要的素材是图片和小动画

4,方法简单,把图片的地址、动画的地址、MP3播放器地址和MP3歌曲地址替换上就可以了

5,关键就是调整好他们的位置,就是调整好左边距LEFT: 123px;上边距TOP: 123px

  ,我的设计思路是,先选好一张图片(也可以是闪图或者无声的动画),在找一个播放器和其它素材(图片或者动画),

  ,运用 LEFTTOP 两个代码,把播放器和所有的素材定位到这张图片上,定位以后,不论在日志的上边添加什么,

  ,图片上的播放器和其它素材的位置都不会改变的。

 

〓★〓 原创播放器展示 〓★〓
 
制作QQ:1120602680
 月亮在我窗前荡漾 透进了爱的光芒 ,我低头静静地想一想 ,猜不透你心肠 ,好像今晚月亮一样 ,忽明忽暗又忽亮 ,啊...... 到底是爱还是心慌 ,啊....月光 ,月夜情境像梦一样 ,那甜蜜怎能相忘 ,细语又在耳边荡漾 ,怎不叫我回想 ,我怕见那月亮光 ,抬头把窗帘拉上,啊...... 我心儿醉心儿慌 。

 

〓★〓 播放器代码 〓★〓
 

<P>在上边写日志</P> <DIV style="LEFT: 0px; POSITION: relative; TOP: 0px">
<DIV style="LEFT: 0px; TOP: 0px"><a href="http://laoda5.qzone.qq.com">

<IMG height=535 alt=制作QQ:1120602680 src="图片地址" width=890> </a></DIV>
<DIV style="LEFT: 60px; POSITION: absolute; TOP: 1px">
<TABLE>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 800px">
<TBODY>
<TR>
<TD>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 40px" align=center>
<MARQUEE>

<FONT color=#ff0000 size=2><IMG src="http://cache.soso.com/img/img/e163.gif">&nbsp;动歌词 。<IMG src="http://cache.soso.com/img/img/e163.gif"></FONT>

</MARQUEE></DIV></TD></TR></TBODY></TABLE>

<DIV><EMBED style="LEFT: 122px; WIDTH: 80px; POSITION: absolute; TOP: 374px; HEIGHT: 80px" align=right src=动画地址-上面那蝴蝶 width=80 height=80 type=application/octet-stream allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" quality="high"></EMBED>

<EMBED style="Z-INDEX: 1; LEFT: 430px; WIDTH: 50px; POSITION: absolute; TOP: 325px; HEIGHT: 30px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://shuian.xmsogo.com/shuian.swf?url=歌曲地址&amp;bgcolor=aab260&amp;color=aab260&amp;user=老大播放器&amp;userurl=http://shuian.xmsogo.com/&amp; width=50 height=30 type=application/x-shockwave-flash allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent"></EMBED>

 </DIV></TD></TR></TBODY></TABLE></DIV></DIV><P>在下边写日志</P>

 

【代码说明】

<P>在上边写日志</P> <DIV style="LEFT: 0px; POSITION: relative; TOP: 0px">
<DIV style="LEFT: 0px; TOP: 0px"><a href="http://laoda5.qzone.qq.com"> <IMG height=535 alt=制作QQ:1120602680 src="音乐背景图片地址(也可以是闪图或者无声动画)" width=890> </a></DIV>
<DIV style="LEFT: 60px; POSITION: absolute; TOP: 1px">
<TABLE>
<TBODY>
<TR>
<TD>

【下边是定位歌词字幕的一组代码】
<TABLE style="WIDTH: 800px">
<TBODY>
<TR>
<TD>
<DIV style="LEFT: 0px; POSITION: absolute; TOP: 40px" align=center>
<MARQUEE>

<FONT color=#ff0000 size=2><IMG src="http://cache.soso.com/img/img/e163.gif">&nbsp;动的歌词字幕。<IMG src="http://cache.soso.com/img/img/e163.gif">

</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

【下边是定位眼泪动画的一组代码】
<DIV><EMBED style="LEFT: 122px; WIDTH: 80px; POSITION: absolute; TOP: 374px; HEIGHT: 80px" align=right src=背景动画-蝴蝶地址 width=80 height=80 type=application/octet-stream allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" quality="high"></EMBED>

【下边是定位播放器的一组代码】

<EMBED style="Z-INDEX: 1; LEFT: 430px; WIDTH: 50px; POSITION: absolute; TOP: 325px; HEIGHT: 30px" pluginspage=http://www.macromedia.com/go/getflashplayer src=播放器地址?url=歌曲MP3地址&amp;bgcolor=aab260&amp;color=aab260&amp;user=老大播放器&amp;userurl=http://shuian.xmsogo.com/&amp; width=50 height=30 type=application/x-shockwave-flash allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent"></EMBED>

【上边是定位播放器的一组代码】

</DIV></TD></TR></TBODY></TABLE></DIV></DIV><P>在下边写日志</P>

 

【定位代码】 

一定要注意调整好图片和播放器等等的位置

style="LEFT: 122px; WIDTH: 80px; POSITION: absolute; TOP: 374px; HEIGHT: 80px"

左边距LEFT: 122px   如果是空间单独应用,表示距离日志左边是122px, 本文定位在图片是了,表示距离这张图片的左边是122px。  

上边距TOP: 374px   如果是空间单独应用,表示距离日志上边是374px, 本文定位在图片是了,表示距离这张图片的上边是374px。

图片的大小不同,所以定位代码后边的数据需要一点一点调整,所有的素材都要定位,否则在上边写日志,那些素材就会错位,

 
图片

〓★〓   创意来自灵感   实力缔造非凡   〓★〓
我空间导航 文字图片超链接 文字图片的滚动 怎样添加FLASH
HTML音画教程   漂亮边框素材 添加音乐隐藏 特效字的制作
两种水效应动画制作 ★★查看本空间的更多信息★★ 用在线编辑器制作边框
空间单曲播放器制作 在线制作20首歌的播放器
《老大影视区》 好刺激的12款精品游戏 自定义鼠标跟随制作 ☆
〓★〓 让梦从这里开始 瘦身老大愿与你同行 〓★〓

 

文章评论