我们一般采用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>
<![CDATA[ <style>
.tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)}
</style> ]]><![CDATA[ <b>四、</b>在表格中插入一小段javascript代码：]]><![CDATA[<BR> <script language="javascript">
for(n=1;n<=90;n )//循环次数为图片高度的一半；
document.write('<tr><td>
</div>
<p><div align="left"><table border="0" width="auto" cellspacing="0" cellpadding="0"><tr><td colspan="2"><script type="text/javascript" src="/js/left-01.js"></script></td></tr><tr><td><script type="text/javascript" src="/js/left-02.js"></script></td><td><script type="text/javascript" src="/js/left-03.js"></script></td></tr></table></div>
</div>
</div>
<div id="divSide">
<div align="center"><table border="0" width="auto" cellspacing="0" cellpadding="0"
bordercolor="#C0C0C0" style="border-collapse: collapse"><tr><td><script type="text/javascript"
src="/js/right-01.js"></script></td></tr><tr><td><script type="text/javascript"
src="/js/right-02.js"></script></td></tr><tr><td><script type="text/javascript"
src="/js/right-03.js"></script></td></tr></table></div><br>
<div class="text_1">
<a href="../../"><b>返回首页</b></a>
<ul><b>心得体会</b>
<li><a href="../../15/">心得体会</a> <a href="../../16/">工作汇报</a> <a href="../../17/">企业文化</a> <a href="../../18/">思想学习</a> <a href="../../19/">经验交流</a></li>
</ul><ul><b>演讲致辞</b>
<li><a href="../../20/">竞聘演讲</a> <a href="../../21/">征文演讲</a> <a href="../../22/">爱国演讲</a> <a href="../../23/">就职演说</a> <a href="../../24/">开业开幕</a></li>
</ul><ul><b>报告总结</b>
<li><a href="../../25/">会议发言</a> <a href="../../26/">工作总结</a> <a href="../../27/">述职报告</a> <a href="../../28/">调研报告</a> <a href="../../29/">计划规划</a></li>
</ul><ul><b>领导讲话</b>
<li><a href="../../30/">宣传动员</a> <a href="../../31/">思想宣传</a> <a href="../../32/">经济工作</a> <a href="../../67/">工作报告</a> <a href="../../33/">组织人事</a> <a href="../../34/">反腐倡廉</a></li>
</ul><ul><b>行政论文</b>
<li><a href="../../35/">行政管理</a> <a href="../../36/">法律法学</a> <a href="../../37/">文化教育</a> <a href="../../38/">军事论文</a> <a href="../../39/">新闻传媒</a> <a href="../../40/">农园林渔</a></li>
</ul><ul><b>学术论文</b>
<li><a href="../../41/">文学论文</a> <a href="../../42/">哲学政治</a> <a href="../../43/">医学论文</a> <a href="../../44/">数理化生</a> <a href="../../45/">历史地理</a> <a href="../../46/">艺术体育</a> <a href="../../47/">计算机</a></li>
</ul><ul><b>经济论文</b>
<li><a href="../../48/">公司企业</a> <a href="../../49/">经济管理</a> <a href="../../50/">电子商务</a> <a href="../../51/">旅游保险</a></li>
</ul><ul><b>党建工会</b>
<li><a href="../../53/">慰问贺电</a> <a href="../../54/">事迹材料</a> <a href="../../55/">思想汇报</a> <a href="../../56/">入党相关</a> <a href="../../57/">党会发言</a></li>
</ul><ul><b>公文写作</b>
<li><a href="../../58/">规章制度</a> <a href="../../59/">技巧经验</a> <a href="../../60/">模板范例</a> <a href="../../61/">企划文案</a> <a href="../../66/">商务合同</a> <a href="../../62/">申报材料</a></li>
</ul><ul><b>礼仪致辞</b>
<li><a href="../../63/">礼仪主持</a> <a href="../../64/">节日庆典</a> <a href="../../65/">活动致辞</a></li>
</ul>
</div>
</div>
</div><br>
</div>
<br><script type="text/javascript" src="/js/news-2.js"></script>
</body>
</html>]]>