2007-01-12 12:38:52| 分类：
博客技巧 | 标签：
博客 博客代码 博客技巧 超文本标记语言代码 html代码 |字号大中小
怎样为背景透明的动画或文字特效添加一幅背景图
一、将下面的代码复制粘贴在自定义模块中:
怎样粘贴请参看：
所有代码的粘贴法（献给初学者）1、代码：
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>动画代码或文字特效代码粘贴处</TD></TR></TBODY></TABLE>
2、说明：
A、红颜色部分是背景图片代码。如果你只需导入一个静止的背景图，你就只取红
颜色部分的代码就行了；
B、中间的是动画代码，这样的颜色标识，已经告诉我们就是把动画代码放在红颜
色的代码中间就是了。
C、问题的关键就是要得到图片地址和动画代码。得到后，一替换就ok了。
二、找准图片地址的方法：
方法最简单： 点开放大网上相册中的图片，右键单击图片，在弹出的菜
单中选择“属性”，再在弹出的框中就有图片的地址、宽度和高度。
将图片地址复制粘贴在“图片地址”处，替换这4个字就行了。注意：还要将动画代码中的宽度width=450与高度height=350改为你刚才查得的图片实际宽度与高度。
三、将动画代码复制粘贴在“动画代码或文字特效代码粘贴处”替代这一行文字：
动画代码如下：
<EMBED src="
http://imgfree.21cn.com/free/flash/9.swf " width=600 height=432 type=application/x-shockwave-flash wmode="transparent" quality="high" autostart="0" allowScriptAccess="never">
注意：1、蓝色的是动画地址，是可以更换的；
2、桃红色的是动画的宽度与高度，要改得与背景图片的宽度与高度一样。
四、看看效果：
五、在背景代码中添加一段文字特效代码：
1、段落文字右移特效代码嵌入背景代码之中：
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址><DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>我带着远古的心愿<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></FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE>
说明:对蓝色处的宽与高的值均作了如下改动,width=440 height=170
width=440 height=170
改的目的就是要让文字特效的运动范围与效果图的大小相符,否则,背景图会自动加长加宽的.
看看效果：
我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁
燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行
2、给文字和动画加上来回起伏移动代码嵌入背景代码中：
<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=背景图片网址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=245><MARQUEE style="width: 435px; height: 155px" scrollAmount=3 behavior=alternate width=375><P align=center></P><P align=center><IMG src="
动画图片网址"><FONT face=字体名称_GB2312 color=#ff0000 size=6><STRONG>输入文字处</STRONG></FONT><FONT face=字体名称 color=#800080 size=30><STRONG> </STRONG><BR> <P align=center></P><P align=center><IMG src="
动画图片网址"><FONT face=字体名称_GB2312 color=#00ff00 size=6>输入文字处<BR>输入文字处</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
说明:
A、以<MARQUEE 代码开头，以</MARQUEE>结束的这一段代码是“来回起伏移动代码”，位于背景图代码中间；
B、如果所有代码代入后,发现图片出现多余部分或文字动画运动不理想,就调整红色处的高度值( height)和宽度值(width),反复调试,直到理想为止,这一点是关键.
C、gif格式的动态小图地址：
http://love.xaonline.com/upload/2004612/UF488696.gif 这个图片现在链接不上了,请你另换一个gif格式的动态小图地址
D、背景图片地址：
http://image34.360doc.com/DownloadImg/2011/08/1510/15835296_8.jpg
这个图片在我的相册里，如果我删了，就不显现了。所以建议要用你自己的。
看看效果:
欢迎光临
海珠儿博客乐园
请上我的浏览导航
评论这张
转发至微博
8人 | 分享到：
阅读(45376)| 评论(336)| 引用 (517) |举报
让百度和Google搜到你的博客
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
