注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

满园春色

 
 
 

日志

 
 

多张图片重叠制作大图音画代码  

2014-09-15 13:29:57|  分类: 【代码应用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
多张图片重叠制作大图音画代码 附:浪漫七夕(音画)

 

千年的神话演绎着经典的浪漫,

 

长久的期盼等来喜鹊飞舞翩翩。

银河隔开牛郎织女的思念的传说,

生生世世也不会分离, 美丽了一份缘。

愿天下有情人终成眷属!

祝:朋友七夕节日快乐.全家幸福!

 
 
 
制作音画代码源
 
<CENTER>
<TABLE border
=音画边框宽 borderColor=#00ff00 cellPadding=0 width=音画宽度
>
<TBODY>
<TR>
<TD height=音画高度  vAlign=left background=
背景图片地址 width="100%">
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标数px; POSITION: absolute; TOP: 图片定位竖向坐标数px" height=图片高度  alt="" src="图片地址" width=图片宽度>
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度  alt="" src="图片地址" width=图片宽度>
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度  alt="" src="图片地址" width=图片宽度>
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度  alt="" src="图片地址" width=图片宽度>
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度  alt="" src="图片地址" width=图片宽度>
<IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度  alt="" src="图片地址" width=图片宽度
<DIV style="POSITION: absolute; TOP: 定位竖向坐标px; LEFT: 定位横向坐标px">
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字</STRONG></FONT></P>
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字</STRONG></FONT></P>
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字</STRONG></FONT></P>
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字 </STRONG></FONT></P>
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字</STRONG></FONT></P>
<P align=left><FONT color=#ffcc00 size=5 face=楷体_GB2312><STRONG>这里写字 </STRONG></FONT>
</P></TD></TR></TBODY></TABLE></CENTER>  
 
来自:神丫头 > 

<table class="wenzhangcss" border="0" cellpadding="0" cellspacing="0" width="100%">
                                                            <tbody>
                                                                <tr>
                                                                    <td>
                                                                        <div class="xiantao">
                                                                        </div>

                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left" valign="top" width="670px" style="height: 200px;">
                                                                        <span id="articlecontent" onmousedown="newhighlight = true;" onmouseup="NewHighlight(event)">
                                                                            <table>
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td width="670px" style="position: relative;">

                                                                                            <div><font size=5><font face=黑体>多张图片重叠制作大图音画代码 附:浪漫七夕(音画)<span class="bgc0 fc07 fw0 fs0"></span></font></font>
<p style="LINE-HEIGHT: 20px" class="tdep clearfix nbw-act fc06"><span class=pleft><span class=blogsep></span></span>&nbsp;</p>
<div class="bct fc05 fc11 nbw-blog ztag js-fs2">
<center>
<table border=8 borderColor=#de55ed cellPadding=0 width=860>
    <tbody>
        <tr>
            <td height=2200 vAlign=left background=http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_8.gif width="100%"><font color=#e4eb3a><img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=3); TOP: 150px; LEFT: 120px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_1.gif" width=750 height=450 __1312347162250__="ev_8542594072"></font> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=2); WIDTH: 443px; HEIGHT: 379px; TOP: 704px; LEFT: 397px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_2.gif" width=350 height=500 __1312347162250__="ev_8450426324"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=3); WIDTH: 803px; HEIGHT: 640px; TOP: 900px; LEFT: 27px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_3.gif" width=650 height=400 __1312347162250__="ev_6561644930"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=3); WIDTH: 1709px; HEIGHT: 863px; TOP: 1499px; LEFT: 28px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_3.gif" width=650 height=400 __1312347162250__="ev_1927521364"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=3); TOP: 1146px; LEFT: 79px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_4.gif" width=650 height=450 __1312347162250__="ev_7197074775"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=3); WIDTH: 524px; HEIGHT: 743px; TOP: 1546px; LEFT: 91px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_5.gif" width=300 height=450 __1312347162250__="ev_3675699710"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=2); WIDTH: 301px; HEIGHT: 229px; TOP: 346px; LEFT: 391px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_6.gif" width=300 height=300 __1312347162250__="ev_9172834430"> <img style="Z-INDEX: 2; POSITION: absolute; FILTER: alpha(opacity=100,finishopacity=0,style=0); WIDTH: 599px; HEIGHT: 235px; TOP: 483px; LEFT: 161px" alt="" src="http://image33.360doc.com/DownloadImg/2011/08/0313/15204274_7.png" width=400 height=450 __1312347162250__="ev_8243072737">
            <div style="POSITION: absolute; TOP: 800px; LEFT: 110px" align=left>
            <p><font color=#ffcc00 size=5 face=楷体_GB2312><strong>千年的神话演绎着经典的浪漫,</strong></font> </p>
            <p>&#160;</p>
            <p align=left><font color=#ffcc00 size=5 face=楷体_GB2312><strong>长久的期盼等来喜鹊飞舞翩翩。</strong></font></p>
            <p align=left><font color=#ffcc00 size=5 face=楷体_GB2312><strong>银河隔开牛郎织女的思念的传说,</strong></font></p>
            <p align=left><font color=#ffcc00 size=5 face=楷体_GB2312><strong>生生世世也不会分离, 美丽了一份缘。</strong></font></p>
            <p align=left><font color=#ffcc00 size=5 face=楷体_GB2312><strong>愿天下有情人终成眷属!</strong></font></p>
            <p align=left><font color=#ffcc00 size=5 face=楷体_GB2312><strong>祝:朋友七夕节日快乐.全家幸福!</strong></font></p>
            <div></div>
            <center></center></div>
            </td>
        </tr>
    </tbody>
</table>
</center>
<center>&nbsp;</center>
<center>&nbsp;</center>
<center>
<center>&nbsp;</center>
<center><font color=#ff0000 size=5><strong>制作音画代码源</strong></font></center>
<center><strong><font color=#ff0000 size=5></font></strong>&nbsp;</center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#00ffff>&lt;CENTER&gt;<br>&lt;TABLE border</font><font color=#ff00ff>=音画边框宽 </font><font color=#00ffff>borderColor</font><font color=#ff00ff>=#00ff00 </font><font color=#00ffff>cellPadding=0 width=</font><font color=#ff00ff>音画宽度</font></font><font size=3><font color=#00ffff>&gt;<br>&lt;TBODY&gt;<br>&lt;TR&gt;<br>&lt;TD height=<font color=#ff00ff>音画高度</font> &nbsp;vAlign=left background=</font><font color=#00ff00>背景图片地址 </font><font color=#00ffff>width="100%"&gt;</font></font></font></strong></center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#008000>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); </font><font color=#00ff00>LEFT</font><font color=#008000>: <font color=#ff00ff>图片定位横向坐标数</font>px; POSITION: absolute; </font><font color=#ffff00>TOP</font><font color=#008000>: <font color=#ff00ff>图片定位竖向坐标数</font>px" </font><font color=#ff0000>height</font><font color=#008000>=<font color=#ff00ff>图片高度</font> &nbsp;alt="" src="图片地址" </font><font color=#ff00ff>width</font><font color=#008000>=<font color=#ff00ff>图片宽度</font>&gt;</font></font></font></strong></center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#008000>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度 &nbsp;alt="" src="图片地址" width=图片宽度&gt;</font></font></font></strong></center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#008000>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度 &nbsp;alt="" src="图片地址" width=图片宽度&gt;</font></font></font></strong></center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#008000>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度 &nbsp;alt="" src="图片地址" width=图片宽度&gt;</font></font></font></strong></center>
<center><strong><font color=#ff0000 size=5><font size=3><font color=#008000>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度 &nbsp;alt="" src="图片地址" width=图片宽度&gt;</font></font></font></strong></center>
<center><font color=#ff0000><font color=#008000><strong><font size=3>&lt;IMG title="" style="Z-INDEX: 2; FILTER: alpha(opacity=100,finishopacity=0,style=2); LEFT: 图片定位横向坐标px; POSITION: absolute; TOP: 图片定位竖向坐标px" height=图片高度 &nbsp;alt="" src="图片地址" width=图片宽度</font></strong></font></font></center>
<center><font color=#ff0000><font color=#008000><font color=#00ff00><font color=#ff6600 size=3>&lt;DIV </font><font size=3><font color=#ff6600>style="POSITION: absolute; TOP: <strong><font color=#ff00ff>字</font><font color=#ff00ff>定位竖向坐标</font><font color=#ff00ff>数</font></strong>px; LEFT: <strong><font color=#ff00ff>字</font></strong><strong><font color=#ff00ff>定位横向坐标</font><font color=#ff00ff>数</font></strong>px"&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<font color=#0000ff><strong>这里写字</strong></font><font color=#ff6600>&lt;/</font>STRONG&gt;&lt;/FONT&gt;&lt;/P&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<strong><font color=#0000ff>这里写字</font></strong>&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/P&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<strong><font color=#0000ff>这里写字</font></strong>&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/P&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<strong><font color=#0000ff>这里写字</font></strong> &lt;/STRONG&gt;&lt;/FONT&gt;&lt;/P&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<strong><font color=#0000ff>这里写字</font></strong>&lt;/STRONG&gt;&lt;/FONT&gt;&lt;/P&gt;<br>&lt;P align=left&gt;&lt;FONT color=#ffcc00 size=5 face=楷体_GB2312&gt;&lt;STRONG&gt;<strong><font color=#0000ff>这里写字</font></strong>&nbsp;&lt;/STRONG&gt;&lt;/FONT&gt;</font></font></font></font></font></center>
<center><font color=#ff0000><font color=#008000><font color=#00ff00><font size=3><font color=#008000><strong>&lt;/P&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;/CENTER&gt;&nbsp;&nbsp;</strong></font></font></font></font></font></center>
<center><font color=#008000 size=3><strong></strong></font>&nbsp;</center></center></div>
</div>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                            <div id="viewerPlaceHolder" style="width: 717px; height: 700px; display: none;">
                                                                            </div>
                                                                        </span>
                                                                        <table>
                                                                            <tbody>
                                                                                <tr>
                                                                                    <td></td>
                                                                                </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left">
                                                                        <a name="anchordoc1" id="anchordoc1"></a>
                                                                        <div style="height: 28px">
                                                                            <div style="font-size: 14px; color: #797b7a; float: left;">
                                                                                来自:<span class="name" onclick="wzhitnew(59)"><A href="http://www.360doc.com/userhome/343465" target="_blank">神丫头</A></span>&nbsp;>&nbsp;<span
                                                                                    id="cname" onclick="wzhitnew(60)"></span>
                                                                            </div>
                                                                            <div style="float: left;">
                                                                                <div class="btzctsg" id="spanfollowstatus1">
                                                                                </div>
                                                                                <script>isfollow(343465);</script>
                                                                            
                                                                            </div>
                                                                             <div style="float: left;">
                                                                                    <div  class="ytdh1"><a onclick="doctalk();wzhitnew(107);"  href="javascript:void(0)"></a></div>
                                                                                 </div>
                                                                        </div>
                                                                        <div>
                                                                            <div class="modlist lf360 list" style="padding-top: 0px;">
                                                                                <ul>
                                                                                    <div id='lastart'>
                                                                                    </div>
                                                                                    <div id='nextart'>
                                                                                    </div>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="left">
                                                                        <div style="padding-top: 12px;">
                                                                            <script type="text/javascript">

  评论这张
 
阅读(49)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016