用代码“写”出扫描线效果图片

  我们一般采用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> .tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)} 四、在表格中插入一小段javascript代码:
for(n=1;n')//注意td中间有一个全角空格; //document.write(' ') //考虑到浏览器的兼容性,你也可以使用上面这一句
  整个页面的代码如下:
.tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)} for(n=1;n')
  现在保存页面,预览一下效果吧:

时间: 2024-10-28 09:11:27

用代码“写”出扫描线效果图片的相关文章

pb9源代码-在pb9如何用代码写出省级联动

问题描述 在pb9如何用代码写出省级联动 需求:省.市.区分别用下拉列表的形式显示出,街道用手写的方式写入,然后保存 好这一系列的地址,在另外一个框中查询出来,效果有点类似于淘宝的收货地址

如何用PYTHON代码写出音乐

如何用PYTHON代码写出音乐 什么是MIDI 博主本人虽然五音不全,而且唱歌还很难听,但是还是非常喜欢听歌的.我一直在做这样的尝试,就是通过人工智能算法实现机器自动的作词和编曲(在这里预告下,通过深度学习写歌词已经实现了,之后会分享给大家),本文我们主要聊下如何写曲. 说到用代码写曲子,有一个东西大家一定要了解就是MIDI.MIDI是一种乐器数字接口,是编曲界最广泛的音乐标准格式.MIDI并不是真正意义上的音乐文件,大家可以把它理解成乐谱,需要有环境编译MIDI文件,才可以生成音乐.这个关系有

美图秀秀制作出哥特式效果图片教程

给各位美图秀秀软件的使用者们来详细的解析分享一下制作出哥特式效果图片的教程. 教程分享: 1.打开美图秀秀,单击"打开一张图片",选中需要处理的图片.   2.在LOMO特效里选择"哥特风".   3.哥特风格的图片都比较艳丽,用"唇彩"功能给美眉的嘴唇上个色吧!   4.设置唇彩颜色为大红色,在美眉的嘴上涂抹就可以了!   这样一张哥特风格的非主流图片就做好了,非常简单!   好了,以上的信息就是小编给各位美图秀秀的这一款软件的使用者们带来的详

CSS代码实例:用CSS代码写出的各种形状图形

文章简介:纯用CSS定义写出来的图形写法. 一共收集整理了图形20个,比较实用,同时也为了熟悉CSS的代码.整合了一下,有错误欢迎指出. 1.正方形 #square { width: 100px; height: 100px; background: red;} 2.长方形   #rectangle { width: 200px; height: 100px; background: red;} 3.左上三角   #triangle-topleft { width: 0; height: 0;

在jsp中怎样用代码写出网页的访问次数

问题描述 如:访问次数为50次.就是每次打开这个网站都访问次数都增加1用代码怎么写要写详细点哦谢谢 解决方案 解决方案二:该回复于2010-12-02 16:03:29被版主删除解决方案三:Application+1解决方案四:该回复于2010-12-02 11:28:37被版主删除解决方案五:帮顶下吧,我也想知道~~~解决方案六:最简单的办法,就是设置一个变量,让后放到Application作用域里,每次访问,取出变量+1,然后再放回去.<%!privateintcurrent=1;priva

如何用Java写出类似QQ好友列表那样的效果,求大神指教最好有代码

问题描述 如何用Java写出类似QQ好友列表那样的效果,求大神指教最好有代码 请问如何用Java写出类似QQ好友列表那样的效果,求大神指教最好有代码 解决方案 http://etwo.iteye.com/blog/1460375

怎样才能写出优秀的代码?

1.只有在需要的时候才使用PHP--Rasmus Lerdorf(PHP创始人) 不要什么事都让PHP来做,PHP只是一种工具,每一种语言都会有自身的限制当不能用PHP来解决时,不要害怕使用其他的语言 2.尽可能地在MySQL里多用表--Matt Mullenweg(wordpress创始人) 3.永远不要相信你的用户--Dave Child Dave Child是Added Bytes的创作者(前身:www.ilovejackdaniels.com).为好几门语言创建了cheat sheet(

jquery代码实现简单的随机图片瀑布流效果

  jquery代码实现简单的随机图片瀑布流效果 瀑布流布局最近真的很流行,很多人都跟我一样想知道是怎么做出来的吧,经过网上搜索大量的参考结合N边的实验今天终于被我写出来了,这里分享给大家,有需要的小伙伴参考下吧. 为了便于大家理解我使用了jQuery.当然用源生js代码执行的效率会高一些,但是很多人多源生js不是很熟练 代码: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 3

【译】使用 currentColor 属性写出更好的 CSS 代码

本文讲的是[译]使用 currentColor 属性写出更好的 CSS 代码, 总有一些极其强大的 CSS 属性在目前已经有了很好的浏览器支持,但却很少被开发者使用. currentColor 就是这样的属性之一. MDN 把 currentColor 定义为: currentColor 代表了当前元素被应用上的 color 颜色值.它允许让继承自属性或子元素属性的 color 属性为默认值而不再继承. 在本文中,我们将通过一些有趣的方式来概述如何使用 CSS currentColor 这一关键