网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

几款音画制作代码

2012-01-23 16:34:26| 分类：【博客教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自老君《几款音画制作代码》

梦幻图片与图片上加字

在日志中添加背景音乐等

精美分隔线 (网易） - 液色迷人 - 液相色谱:动情品人间冷暖,静心观乾坤西东

1. 如何让图片产生梦幻效果呢

代码：<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=450

width=600 align=center background=图片地址 table>
<TBODY><TR><TD></TD></TR></TBODY></TABLE>

您只要加入以上代码就行啦。注意: WIDTH、HEIGHT为图片宽度与高度，

右键点击图片---点击“属性”便可获取图片的宽度、高度和地址. 效果图如下 :

闪动的梦幻图片代码:
<TABLE cellSpacing=0 cellPadding=0 width=400 align=center background=动感图片地址 border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=400 background=图片地址height=300></TD></TR></TBODY></TABLE>
<P> </P><BR>
<P align=center> </P></TD></TR></TBODY></TABLE></DIV>

2. 如何在图片上添加文字

代码一： <TABLE height=250 cellPadding=10 width=494 align=center

background=图片地址 border=3 table="0">

<TBODY>

<TR>

<TD>

<DIV align=center><FONT face=楷体_GB2312><FONT size=5><FONT

color=#ffffff>文字内容</EMBED></FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>

代码注释: 1. height ，width 以图片大小而定

2. border 为边框厚度

3. color， size 为文字颜色与大小

4. <BR> 为文字换行

5. 如果要多加文字就把这段 <DIV align=center><FONT

face=楷体GB2312 color=#c709f7 size=5>文字内容</FONT></DIV> 添加

老君小屋欢迎您

代码二：<TABLE height=250 cellPadding=10 width=494 align=center background=http://photo2.hexun.com/p/2006/0722/34118/b_E61B6D8FDF04B223.jpg

border=3 table="0">

<TBODY>

<TR>

<TD>

<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up

height=84><DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=5>

在图片上添加移动文字？</FONT><BR><FONT face=楷体_GB2312 color

=#1ae66b size=5>在图片上添加移动文字？</FONT><BR><FONT face=

楷体_GB2312 color=#ffff00 size=5>在图片上添加移动文字？</FONT><BR>

<FONT face=楷体_GB2312 color=#ffffff size=5>在图片上添加移动文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY>

</TABLE>

代码注释:1. WIDTH: 380px; HEIGHT: 84px"为文字移动范围

2. scrollAmount=2为移动速度

3. direction=up为移动方向（向左为默认）up向上 right向右 down向下

          老君小屋欢迎您
          老君小屋欢迎您
          老君小屋欢迎您
          老君小屋欢迎您

3. 如何在日志中添加背景音乐

1、<BGSOUND balance=0 src="http://www.516001.cn/uploadFile/2007-4/2007461910722292.wma" volume=0 loop=infinite>

2、隐藏mp3播放器:

3、<EMBED src=http://www.516001.cn/uploadFile/2007-4/2007461910722292.

wma hidden=true type=audio/x-ms-wma AUTOSTART="TRUE" LOOP="TRUE"></EMBED

以上三种代码都可以用，你只要将上面任何一种代码粘贴在日志的编辑窗口的最

后一行，然后换上你要贴的音乐地址，发表，这样就行啦 (如果用在首页模块中也可以)

请朋友们注意不要直接把代码粘贴在日志内容里。具体步骤:(点击全部功能----点<>

----再把代码粘贴进去)

说明：1、以上代码中的红色字体为音乐地址

2、音乐文件格式有：.mp3 .rm .wma 一般推荐“.mp3”文件格式

4、带连接图片代码

<P style="TEXT-INDENT: 2em" align=center><A href="你的博客地址" target=_

blank><IMG height=150 alt=" 点击图片即可进入我的博客" src="图片地址" width=300></A></P> ;

5、回帖图制作代码

代码：

看您啦!

欢迎您!

6. 给图片加立体框代码

<center><img
src="http://img.blog.163.com/photo/TkvywLO_uHLVe7zxnYzFMQ=

=/3123246341582118174.jpg

" style="border:25 inset #ff88ff"></center>

7、多张图片串联式放映代码

1、多张图片串联式向左放映代码：

<MARQUEE><IMG src="图片地址"><IMG src="图片地址"><IMG src="图片地址"><IMG

src="图片地址"><IMG src="图片地址"></MARQUEE>

2、多张图片串联式向右放映代码：

<IMG

src="图片地址"><IMG src="图片地址"></MARQUEE>

3、多张图片串联式向上放映代码：

<MARQUEE direction=up><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG

src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"></MARQUEE>

4、多张图片串联式向下放映代码

<MARQUEE direction=down><IMG src="图片地址"><br><IMG src="图片地址"><br><IMG

src="图片地址"><br><IMG src="图片地址"><br><IMG src="图片地址"></MARQUEE>

5、多张图片串联式来回放映代码：

<MARQUEE behavior=alternate><IMG src="图片地址"> <IMG src="图片地址"><IMG

src="图片地址"><IMG src="图片地址"><IMG src="图片地址"></MARQUEE>

说明:在图片地址处粘贴上每张图片的地址就行

8 、朦胧+FLASH

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=3)" width=400 background=http://img.bimg.126.net/photo/TsAKsQy5Xty4UzNazqAo3Q==/4235916924519834613.jpg

height=350>
<P align=center><EMBED src=http://yf.6000y.com/toumingflash/01/062.swf width=400 height=450

type=application/x-shockwave-flash wmode="transparent" quality="high" ></P></TD></TR></TBODY>

</TABLE>.

..

9、图片+边框+文字+FLASH

你
追着月色
用秋实的乐章
抖落一身淡淡的幽香
盘起那一头飘逸的金发
笑卧东篱

风
站在高处
欣赏你的靓影
星星绕过你含羞的目光
跌进无尘的明眸
你的花魂附在我的梦上
酣眠水中微笑的月亮
端坐在秋的中央
一束姹紫嫣红的梦
惊破了落叶飘飞的凄凉
揽你散落体香
潜入我温柔的心灵
看月光空盈
揉碎了一泓平静

我
定格在秋的渡口
为你撑起那把油纸伞
不让丝丝秋雨
打湿你的名

代码:

<TABLE style="WIDTH: 456px; HEIGHT: 400px" height=400 cellPadding=10 width=456

align=center background=http://blog.163.com/photo/b6mkmBB8e3LFOxnF2YqMkA==

/5377860905033839384.jpg border=3 table="0">
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width=450 height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/123.swf width=450

height=400 type=application/x-shockwave-flash wmode="transparent" quality="high" >
<P><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<DIV align=center>
<MARQUEE style="WIDTH: 380px; HEIGHT: 301px" scrollAmount=1 direction=up height=301><FONT color=#dd6d22 size=4><STRONG>你<BR>追着月色<BR>

用秋实的乐章<BR>抖落一身淡淡的幽香<BR>盘起那一头飘逸的金发<BR>笑卧东篱<BR> <BR> <BR>风<BR>站在高处<BR>欣赏你的靓影<BR>星星绕过

你含羞的目光<BR>跌进无尘的明眸<BR>你的花魂附在我的梦上<BR>酣眠水中微笑

的月亮<BR>端坐在秋的中央<BR>一束姹紫嫣红的梦<BR>惊破了落叶飘飞的凄凉

<BR>揽你散落体香<BR>潜入我温柔的心灵<BR>看月光空盈<BR>揉碎了一泓平静<BR> <BR> <BR>我<BR>定格在秋的渡口<BR>为你撑起那把油纸伞

<BR>不让丝丝秋雨<BR>打湿你的名</STRONG></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>

、

评论这张

转发至微博

阅读(202)| 评论(4)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067083085083067082081084069072087088068087087087066082086',
              blogTitle:'几款音画制作代码',
              blogAbstract:'   <TABLE borderColor=\"#8b1a1a\" cellSpacing=\"10\" borderColorDark=\"#8b1a1a\" cellPadding=\"15\" width=\"650\" align=\"center\" background=\"http://img.blog.163.com/photo/sa9smiHb3aX-S3E3hrxFhA==/2582532911320681608.jpg\" border=\"7\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <TABLE borderColor=\"#e2eefc\" cellSpacing=\"15\" borderColorDark=\"#e2eefc\" cellPadding=\"2\" width=\"630\" background=\"http://bbs.nxnews.net/forum/UploadFile/2004-9/2004924182118686.gif\" border=\"4\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <TABLE cellSpacing=\"10\" cellPadding=\"1\" width=\"100%\"  background=\"http://img.blog.163.com/photo/lJfOdv7Ir3sm36BnD-jVdA==/4228317100147801761.jpg\" border=\"5\" \>  <TBODY\>  <TR\>  <TD width=\"100%\"  \>  <P\><FONT size=\"4\" \><FONT color=\"#ff0033\" size=\"4\" \></FONT\></FONT\> </P\>  <P\></P\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\>',
              blogTag:'',
              blogUrl:'blog/static/197311160201202343426831',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1327307666831,
              permalink:'blog/static/197311160201202343426831',
              commentCount:4,
              mainCommentCount:2,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/197311160201202343426831">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

几款音画制作代码

历史上的今天

最近读者

热度

评论

页脚