转载请注明出处-中国设计秀-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中图层使用绝对坐标带来的定位不 准的问题。