首页  |  精品网站  |  原创作品秀   |  艺术设计  |  网络学院  |  信息中心  |  站内搜索  |  求职招聘  |  建站资源  |  服装网站  |  编程开发 |  设计论坛 
  平面设计 画册 VI欣赏 包装 CG-插画   酷站 个人网页 商业网站   Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校   专题欣赏 SEO 图标欣赏
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> 网络学院 >> Dreamweaver ※ FrontPage >> CSS:alpha滤镜


中资源
转载请注明出处-中国设计秀-cnwebshow.com



三、仿电视效果
  请下面的效果图:
 
  图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中图层使用绝对坐标带来的定位不 准的问题。


<< 1 2 >>
转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-10-22 12:39】
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS