巧妙实现很酷的动态背景文字

下面的效果别以为只有Flash才能做到,用Dreamweaver一样可以做!

首先建立一个层,放入文字并用上mask滤镜:

<div id=”Layer1″ style=”font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2″>

再建立一个层,写入<marquee>:

<marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 >

最后插入图片即可!

全部的代码:

<html><head><title>很酷的动态背景文字</title></head><body bgcolor=”#FFFFFF” text=”#000000″ topmargin=0 leftmargin=0><div id=”Layer1″ style=”font:40pt Arial Black;filter:mask(color=white);position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:2″><p>Dreamweaver</p></div><div id=”Layer2″ style=”position:absolute; left:0px; top:0px; width:508px; height:120px; z-index:1″><marquee behavior=scroll direction=right width=508 height=120 scrollamount=4 scrolldelay=0 ><script language=javascript>for(t=1;t<=1000;t++)document.write(“<img src=http://www.ccidnet.com/school/zhuan/3d/back.jpg>”)</script></marquee></div></body></html>看着书里九万五千公里的绚丽。又或是和我一样,

巧妙实现很酷的动态背景文字

相关文章:

你感兴趣的文章:

标签云: