您现在的位置: PQ秀秀网 >> 网页设计 >> HTML-XHTML-CSS >> 正文 用户登录 新用户注册
在网页上制作仿电视演职员表效果
作者:佚名    教程来源:不详    点击数:加载中...    更新时间:2008-7-20 字体:[ ]
添加到收藏: 添加到百度收藏  收藏到QQ书签  添加到雅虎收藏  添加到新浪ViVi  添加到天极网摘  添加到和讯网摘

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

教程录入:andy    责任编辑:andy 
  网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)