九号源码中心

九号源码中心 -> 技术文档 -> 网页制作 -> HTML/CSS学习 -> 文章内容

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



作者:佚名  来源:不详  发布时间:2007-10-22 16:53:24  发布人: wuxinglq

在网页的制作中,综合运用dhtml、css技术,结合〈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〉  


[] [返回上一页] [打 印] [收 藏]

上一篇文章:认识DHTML中的“行为”组件
下一篇文章:用推送技术动态更新页面内容