Make Www.Edu-cn.Com Your Home Page!
用户名: 密码: 验证码: 注册
  当前位置: > 中国教程网>网站建设>Dreamweaver> 用代码“写”出扫描线效果图片

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

作者:佚名   来源:中国教程网   点击:   日期:2007-04-02

  我们一般采用等做图工具制作电视扫描线效果图片:首先做一个黑白相间的图案,然后用这个图案进行填充,再调整图层的模式或者透明度,效果就出来了。

  现在我们不用,用css和script来做,方法也很简单!

  一、准备一张图片,名为photo1.jpg,大小为:240x180;


AOE3 STUDIO

  二、插入一个表格,表格长x宽设置为240x180,把cellpadding、cellspacing、border均设置为0,并把表格的背景设置为上面的图片,即代码为: www.edu4u.com.cn

  <table cellpadding="0" cellspacing="0" border="0"
width="240" height="180" background="photo1.jpg">
  </table>

中国论文网


  三、建立一个css样式,把该样式应用于上面的表格,样式代码如下。#000000代表黑色,你也可以换成你喜欢的颜色。后面的filter:alpha(opacity=30)是用css滤镜调整细线的透明度。<BR><BR> 漂亮MM女性网

  <style>  .tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)}  </style>   <STRONG>四、</STRONG>在表格中插入一小段javascript代码:<BR>   <BR>  整个页面的代码如下:<BR>  <html>  <head>  <style>  .tvline td{border-top:1 solid #000000;font:1px;filter:alpha(opacity=30)}  </style>  </head>  <body bgcolor="#FFFFFF" text="#000000">  <table class=tvline width="240" height="180" cellpadding="0" cellspacing="0" border="0" background="photo1.jpg">    </table>  </body>  </html>


  现在保存页面,预览一下效果吧: edu-cn.com

edu4u.com.cn

edu-cn.com

edu-cn.com

漂亮MM女性网



文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   最新文章:
·Dreamweaver制作网页幻灯片效果(04-02)
·Dreamwaver 常见问答解答(04-02)
·Dreamweaver快捷键大全(04-02)
·简单实用的网页表格特效(04-02)
·CourseBuilder For Dreamweaver 3 (1(04-02)
·网页瘦身小技巧---“分割大法”(04-02)
·DHTML实例解析:用HTC统一定制表单样(04-02)
·CourseBuilder For Dreamweaver 3 (3(04-02)
·Dreamweaver技巧50问(04-02)
·Dreamweaver技巧十二招(04-02)
   相关文章:
·网页色彩搭配内涵 ·DHTML实例解析:用HTC统一定制表单样式
·网页菜单详解(3):样式修饰 ·网页瘦身小技巧---“分割大法”
·为你的网页添加背景音乐 ·简单实用的网页表格特效
·网站更新短平快 ·十“问”DreamWeaver
·快速图片链接批处理 ·为你的站点定做颜色

   文章评论:(0条)
  
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。

 §最新评论:

  责任编辑:中国教程网  

© 2007 Copyright 中国教育网
DesignBy:AOE3 STUDIO & ROCOCO