会员登录/控制面版您的位置: 学院首页 >> 美工设计 >> 其他相关 >> 文章内容

精彩推荐

本类推荐文章

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

日期：2007-10-22 人气：出处：作者:

字体大小:
小
中
大

下面的效果别以为只有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=/u/info_img/2007-10/22/back.jpg>")
</script>
</marquee>
</div>
</body>
</html>

精彩推荐

本类推荐文章

本类阅读排行

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

相关文章

相关软件

网友评论: