it技术指南:www.itedus.com
  • 信息订阅

IT指南

  • TNT五分钟问卷赢IPOD
  • 贝塔斯曼
  • 广告联盟
  • No pay, More gain!
  • 单价15元-网络广告平台
  • 注册阿里妈妈赚广告费
  • 首页
  • 新闻资讯
  • 网页制作
  • 软件使用
  • 操作系统
  • 软件编程
  • 网络编程
  • 图象处理
  • 网站欣赏
  • 数据库
  • 认证考试
  • 站长知识
正在浏览栏目导航:首页 > 网页制作 > 心得技巧 >

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

时间:2007-08-26 18:00:36   来源:  作者:

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

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

code><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>:

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

最后插入图片即可!

全部的代码:

code><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>

关键字:
关闭此页
上一篇:下面没有链接了
下一篇:网页编程安全漏洞全接触

相关文章

    无相关信息
本栏目推荐

排行榜

  • 1如何提高自己的编程水平
  • 2学习网页制作你应该了解的几点知识!
  • 3滚动字幕的制作 marquee
  • 4网页刷新方法
  • 5SEO:Sitemaps将使用统一标准
  • 6frameset 使用心得
  • 7HTML-加速、再加速
  • 8DIV与Table布局在大型网站的可用性比较

最新信息

  • 如何提高自己的编程水平
  • 学习网页制作你应该了解的几点知识!
  • 网页编程安全漏洞全接触
  • 巧妙实现很酷的动态背景文字
  • 搜索引擎技术核心揭密
  • 实现浏览器全屏窗口的几种方法
  • 为网页添加放大或缩小文字
  • 公司建站完全手册--网页色彩设计点滴
关于站点 - 广告服务 - 联系我们 - 返回顶部
Copyright © 2007 www.itedus.com . All rights reserved.QQ群:8814225
如果碰到相关技术问题可以联系我们,原创相关问题请与站长及时联系.鄂ICP备07005792号