首页 设计资讯 设计概念 建站服务 设计教程 特色代码 设计素材 设计论坛
   
   你现在的位置是:> 设计教程> 其它教程 > 文章正文
巧妙实现很酷的动态背景文字


文章来源:网络   发表人:小飞    发表时间:2006/1/9 15:54:30

下面的效果别以为只有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>
第 2 篇 (总共 83 篇) 第一篇 上一篇 下一篇 最后一篇
关于我们 — 网站业务 — 招聘英才 — 版权声明 — 联系我们
版权所有:高高设计工作室 QQ群ID:17060978 QQ:19603346 E-mail:huanghui16888@qq.com
电话:020-34301494 地址:广州市荔湾区汾水小区 邮编:510300
粤ICP备05141564号