用代码“写”出扫描线效果图片
时间： 2021-07-31 作者：daque
普遍，咱们沿用photoshop创造电视扫描线功效图片：开始做一个口角相间的图案，而后用这个图案举行弥补，再安排图层的形式大概通明度，功效就出来了。
此刻咱们不必photoshop，而用“css”和“javascript”来做，本领也很大略（下文代码中“//”后的是解释）！
一、筹备一张图片，称呼巨细自定。
二、插入一个表格，表格长、宽树立为上头图片的长、宽，把cellpadding（弥补）、cellspacing（间距）、border（边框）均树立为0，并把表格的后台树立为上头的图片，即代码为（“width=”后是图片的高，“height=”后是图片的宽，“background=”后是图片的称呼）：
<table cellpadding="0" cellspacing="0" border="0" width="240" height="180" background="photo.jpg"></table>
三、创造一个css款式，把该款式运用于上头的表格，款式代码如次。（“#000000”是细线的脸色，不妨调换，反面的“filter:alpha(opacity=30)”是细线的通明度。
<style>.tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)}</style>
四、再在表格中插入第一小学段“javascript”代码：
<script language="javascript">for(n=1;n<=90;n++)//90为图片莫大的一半；document.write('<tr><td> </td></tr>')//提防“td”中央有一个全角空格//document.write('<tr><td style=line-height:1px> </td></tr>')//商量到欣赏器的兼容性，你也不妨运用上头这一句替代第三行的代码</script>
所有页面包车型的士代码如次：
<html><head><style>.tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)}</style></head><body><table class=tvline width="240" height="180" cellpadding="0" cellspacing="0" border="0" background="photo1.jpg"><script language="javascript">for(n=1;n<=90;n++)document.write('<tr><td> </td></tr>')</script></table></body></html>
相关推荐
推荐下载
热门阅览
最新排行
- 1 手机如何装windows系统，手机装windows系统教程
- 2 微信公众号重大调整 新公注册公众号将没有留言功能
- 3 烧杯app最剧烈的反应有哪些？ 烧杯app攻略
- 4 微信小程序怎么用 微信小程序使用教程
- 5 360快剪辑怎么使用？360快剪辑图文视频教程
- 6 八分音符外挂神器：绝望中的战斗机
- 7 2017热门微信小程序排行榜 微信小程序二维码大全
- 8 微信聊天记录导出到电脑 怎么在电脑上查看微信聊天记录
- 9 在U递上赚钱和省钱教程 教你在U递上怎么赚钱何省钱
- 10 u递邀请码申请教程 u递邀请码领取方法
- 11 如何解决爱奇艺账号登陆验证 跳过爱奇艺账号手机登录验证方法分享 亲测好用
- 12 手机申请无限制申请QQ靓号 手机怎样无限申请Q号