让自己照片在背景图上动起来

2025-10-25 01:11:21

1、准备两张照片:一是旅游美景图(稍大一点的,作为背景用),一是自己的头像(小尺寸的,在背景图上动)。

如果网上有最好,把地址复制下来就行。

如果网上没有,可以上传到自己的空间或博客,取得地址。

让自己照片在背景图上动起来

2、打开自己的空间或博客。上传第一步准备的两张图片,取得图片地址。(复制备用)

让自己照片在背景图上动起来

3、清空编辑器,将下列代码贴入:

<TABLE width=500 height=375 align=center>

<TBODY>

<TR>

<TD background=大图地址>

<MARQUEE scrollAmount=2 direction=down behavior=alternate width=500 height=375>

<MARQUEE scrollAmount=2 behavior=alternate>

<IMG src="头像地址" border=0></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE> 

2.将本文第二步取得的地址分别填入“大图地址”和"头像地址"那里。

让自己照片在背景图上动起来

4、调整宽高。代码中width是大图宽,height是大图高,要按照原图片宽和高设置。如果改变,必须按比例。

有两组宽高,要一致。

让自己照片在背景图上动起来

5、调整头像移动速度。改变“scrollAmount=2”的值即可。

让自己照片在背景图上动起来

6、加边框。(不加边框,此步无用)

1.在第五步代码最前边加一组代码:

<TABLE border=1 borderColor=#00ff00 cellSpacing=0 cellPadding=0 width=500 height=375 align=center>

<TBODY>

<TR>

<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" bgColor=#00ff00 height=27 align=center>标题</TD></TR>

<TR>

<TD vAlign=top height=184>

2.在第五步代码最后边加一组代码:

</TD></TR></TBODY></TABLE>

3.把标题换成你自己的文字。

预览,成功!发布吧。

让自己照片在背景图上动起来

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢