在网页上制作仿电视演职员表效果

1/31/2004来源:DHTML教程人气:32541

在网页的制作中,综合运用DHTMLCSS技术,结合〈marquee〉标签,可以在网页中逼真地仿造出类似电视节目片头中演职员表的效果。方法是,用〈div〉标签结合样式表的位置(position)属性,在屏幕上开辟一块区域,然后用样式表alpha滤镜将该区域设为半透明,再在该区域中应用〈marquee〉标签制作字幕移动效果。将以下代码复制到您网页的适当位置,立即就能看到本效果。代码中的区域大小和bg_line.gif 图形文件可按您的需要修改。

〈div style="position:absolute;width:240px;height:200px;visibility:show;

z-index:10;left:310px;top:30px;background-color:lightyellow;

filter:alpha(opacity=85);"〉

〈table border=1 background="bg_100.jpg"〉

〈tr〉

〈td width=240〉

〈marquee style="height:200px;text-align:center;left:0px;top:1px;color:red;

margin-left:1" scrollamount=1 behavior=loop direction=up〉

网站建设单位:国瑞公司〈br〉〈br〉

网页制作:张 庆〈br〉〈br〉

时 间:二○○○年五月二十二日

〈/marquee〉

〈/td〉

〈/tr〉

〈/table〉

〈/div〉