下面的效果别以为只有Flash才能做到,用Dreamweaver一样可以做! 首先建立一个层,放入文字并用上mask滤镜: 再建立一个层,写入<marquee>: 最后插入图片即可! 全部的代码:
<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 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>
巧妙实现很酷的动态背景文字_心得技巧教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 巧妙实现很酷的动态背景文字_心得技巧教程
相关推荐
-      经典收藏:网页页面常用的特殊符号_心得技巧教程
-      用html和css写出漂亮正规的blog_心得技巧教程
-      网站页面的均衡规划与选择_心得技巧教程
-      一个网友观点:两年以来使用div排版的经验_心得技巧教程
-      photoshop制作“非主流”彩虹色调照片_photoshop教程
-      禁止查看网页源代码方法总结_心得技巧教程
-      左右图片循环滚动停顿一下后继续_心得技巧教程
-      图片左右循环连续滚动代码,解决marquee的留白问题 _心得技巧教程