制作上下反向移动边框图贺卡的代码【祝父亲节快乐】_昭昭公主

明天就是父亲节了，设计两款不同风格和色彩的父亲节祝福卡供朋友们参考，祝天下的父亲们节日快乐。本代码固定了图片宽度，所以您使用的图片规格无论大小，均以此宽度自动调整高度。替换文字、图片后预览满意即可发表。红色代码是上移动边框，用同素材地址连接加长。绿色代码是下移动边框，用同素材地址连接加长。蓝色代码是图片地址。黄色代码是中间图片背景，使用移动素材地址。请与博文《制作移动闪动边框的代码及应用实例3款》对比效果。建议边框颜色设置与图片协调为好。发挥您的智慧，创作出更美的佳作。

特别说明：图片选用网络素材。

点击图片看昭昭 http://s16/middle/5e1a7abfg6faa1e8de8af&690公主的文字博客

效果图一代码

<DIV align=center>
<TABLE style="BORDER-RIGHT: 8px ridge; BORDER-TOP: 8px ridge; BORDER-LEFT: 8px ridge; WIDTH: 100%; BORDER-BOTTOM: 8px ridge" cellSpacing=6 borderColorDark=#006400 cellPadding=6 bgColor=#000000 borderColorLight=#00cc00 border=4>
<TBODY>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 scrollDelay=30 behavior=alternate height=30><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0></MARQUEE></TD></TR>
<TR>
<TD align=middle background=http://s9/orignal/5e1a7abfg89622ec95ea8&690 height=380>
<DIV align=center>
<TABLE borderColor=#00ff00 cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://s6/orignal/5e1a7abfg896232f150e5&690" width=620 border=0></DIV>
<DIV align=left>
<DIV style="MARGIN-TOP: -200px; MARGIN-LEFT: 10px">
<MARQUEE style="FONT-SIZE: 20pt; FILTER: shadow(color=black); WIDTH: 250px; COLOR: #00ff00; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=1 direction=up width=250 height=120>爸爸：是您让我拥有了更广阔的天空，看得更高、更远！<BR>祝您父亲节快乐！</MARQUEE></DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 scrollDelay=30 direction=right behavior=alternate height=30><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0><IMG height=30 src="http://s9/orignal/5e1a7abfg89622ec95ea8&690" border=0></MARQUEE></TD></TR></TBODY></TABLE></DIV>

效果图二代码

<DIV align=center>
<TABLE style="BORDER-RIGHT: 8px ridge; BORDER-TOP: 8px ridge; BORDER-LEFT: 8px ridge; WIDTH: 100%; BORDER-BOTTOM: 8px ridge" cellSpacing=6 borderColorDark=#808080 cellPadding=6 bgColor=#000000 borderColorLight=#c4c4c4 border=4>
<TBODY>
<TR>
<TD bgColor=#000000 height=40>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 scrollDelay=30 behavior=alternate height=30><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0></MARQUEE></TD></TR>
<TR>
<TD align=middle background=http://s3/orignal/5e1a7abfg89396454bf02&690 height=380>
<DIV align=center>
<TABLE borderColor=#ee0000 cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD>
<DIV align=center><IMG src="http://s11/orignal/5e1a7abfg896239c14ada&690" width=620 border=0></DIV>
<DIV align=center>
<DIV style="MARGIN-TOP: -100px; MARGIN-LEFT: 10px">
<MARQUEE style="FONT-SIZE: 18pt; FILTER: shadow(color=black); WIDTH: 410px; COLOR: #00ffff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=1 direction=up width=410 height=80>爸爸：是您让我拥有了更广阔的天空，<BR>——看得更高、更远！<BR>祝您父亲节健康、快乐！</MARQUEE></DIV></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD bgColor=#000000 height=30>
<MARQUEE style="WIDTH: 100%" scrollAmount=2 scrollDelay=30 direction=right behavior=alternate height=30><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0><IMG height=30 src="http://s3/orignal/5e1a7abfg89396454bf02&690" border=0></MARQUEE></TD></TR></TBODY></TABLE></DIV>

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：巧用代码制作动态图文图【父亲节】

后一篇：制作雾化图文图的代码及实例5款【庆祝七一】

新浪BLOG意见反馈留言板　欢迎批评指正