繁體中文当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 用代码“写”出扫描线效果图片
- Dreamweaver
- 让你轻松Diy你的网页滚动条
- 网页设计必须注意的几个问题
- 用ASP生成XBM数字图片（可用来生成验证码）
- 灵活调用xsl来解析xml文档
- Dreamweaver制作网页实用七招
- Dreamweaver临时文件工作方式
- 巧用背景颜色和间距制细边表格
- Dreamweaver8搞定“web标准”
- 自适应客户端分辨率的实现方法
- 关于Web设计、开发中window对象的资料
- XHTML代码的基本应用
- Dreamweaver CS3 Beta界面功能大曝光
- Dreamweaver基础教程：层及其应用
- 如何用 Dreamweaver 批量做web网页
- 十二个Dreamweaver鲜为人知的小秘诀
- 在Dreamweaver8.0.2中为插入的Flash添加透明或其他参数
- 用Dreamweaver+ASP实现分页技术的参考
- 体验Adobe Dreamweaver CS3新特性
- 在Dreamweaver中插入有颜色的直线
- Dreamweaver CS3 最新功能描述
Dreamweaver 中的 用代码“写”出扫描线效果图片
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 33 ::
收藏到网摘: n/a
我们一般采用photoshop等做图工具制作电视扫描线效果图片：首先做一个黑白相间的图案，然后用这个图案进行填充，再调整图层的模式或者透明度，效果就出来了。
现在我们不用photoshop，用css和Javascript来做，方法也很简单！
一、准备一张图片，名为photo1.jpg，大小为：240x180；
二、插入一个表格，表格长x宽设置为240x180，把cellpadding、cellspacing、border均设置为0，并把表格的背景设置为上面的图片，即代码为：
<table cellpadding="0" cellspacing="0" border="0"
width="240" height="180" background="photo1.jpg">
</table>
三、建立一个css样式，把该样式应用于上面的表格，样式代码如下。#000000代表黑色，你也可以换成你喜欢的颜色。后面的filter:alpha(opacity=30)是用css滤镜调整细线的透明度。<BR><BR>
现在保存页面，预览一下效果吧:
评论 (0) All
