当前位置:萝卜系统下载站 > 网页设计教程 > 详细页面

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

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

更新时间:2020-11-25 文章作者:未知 信息来源:网络 阅读次数:

网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。简单来说,网页设计的目的就是产生网站。简单的信息如文字,图片(GIF,JPEG,PNG)和表格,都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。

在网页的制作中,综合运用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〉  

大多数人在上网的时候,都会浏览网页提供给我们的信息。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行