ddc
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
上海网站建设 网站建设 域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计 虚拟主机 域名注册 acg ACG玩家 品牌设计
求创科技
网站建设
中国互联
投稿
素材出售
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> web标准 >> CSS:alpha滤镜

CSS:alpha滤镜 (2)

来源:中国设计秀    作者:    点击:842     加入收藏


三、仿电视效果
  请下面的效果图:
 
  图5、6 仿电视效果

  由于该效果是动态的,上面是我抓的两张过程图片。制作方法如下:
  1、插入一个1*1的表格,并用一张图片作为表格的背景。
  2、我们把单元格的背景设置为白色,并在表格的单元格上加载一个alpha滤镜,滤镜代码为:.alpha1 {filter:alpha(opacity=50) },这里滤镜的其它参数取默认值。
  3、用鼠标在表格的单元格中点一下,然后点击主菜单的“Insert”,并在其下拉出的菜单中选择“Layer”子菜单,插入一个层(我们称其为: layer1)。我们再次点击主菜单的“Insert”,并在其下拉出的菜单中选择“Layer”子菜单,再插入一个层(我们称其为:layer2)。
  4、我们称Layer1为Layer2的父层,那么Layer2就是Layer1的子层,注意:切不可用鼠标拖动Layer1。把Layer1的 Width和Height均设置为“1”。把Layer2拖到表格上,并调整其大小与表格完全重合。
  5、在Layer2上插入一个“ Marquee”(滚动字幕),按F12就能看到象上图那样的效果了。
  本例的alpha滤镜使得背景图片看起来象被蒙上了一层薄纱,从而使得在其上面的文字能突出显示,这也是在电视中经常看到的效果。另外也请你注意一下 3、4两步插入图层的技巧,这样插入的图层,无论你在其前后插入多少内容,它与背景图片的相对位置不变,它克服了在DW3中图层使用绝对坐标带来的定位不 准的问题。
0
顶一下
[1] [2]
2007-10-22 12:39:00    出处:
Google
热点文章/相关文章

音乐
嫁衣 画心 放生 天亮了 牡丹江 那滋味 擦肩而过 怀念过去 北京欢迎你 突然好想你 吻的太逼真 说好的幸福呢 坐上火车去拉萨 没有人比我更爱你
愚爱 心碎 稻香 带我走 醉赤壁 魔杰座 我还想她 明天过后 一定要爱你 等爱的玫瑰 原谅我一次 越单纯越幸福 最后一次的温柔 给我一首歌的时间
白狐 光荣 降临 下雨天 小酒窝 樱花草 恋爱新手 说唱脸谱 红色高跟鞋 寂寞才说爱 深深爱过你 爱上你是个错 即使知道要见面 不是因为寂寞才想你
城府 假如 花海 兰亭序 棉花糖 舍不得 最后一次 女人如烟 外滩十八号 我们的纪念 我们的无奈 心在跳情在烧 爱上你是我的错 爱情里没有谁对谁错
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口