素材图片酷 图酷镜像二 | 壁纸酷 壁纸镜像二 | 写真扫图酷 | Free Wallpaper | 贴图论坛 | ·设为首页 ·加入收藏
您现在的位置: 图酷 >> 自习室 >> 网页设计 >> DHTML教程 >> 教程正文

  没有公告


在网页上制作仿电视演职员表效果
作者: 佚名
教程来源: 不详
教程等级:           ★★★
教程录入: 烤焦面包
教程审核: tucoo
添加时间: 2004-1-31
点击次数:
字体选择: 【字体:
相关操作: 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
热门信息:
推荐内容:

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

  • 上一篇教程:
  • 下一篇教程:
  • ::版权和投稿说明::
    • 任何媒体、网站或个人转载、链接、转贴或以其他方式复制发表本站文章,在使用时务必注明“稿件来源:图酷”及“www.tucoo.com”字样,多谢。
    • 本站已注明“来源”的文章均为转载稿,本站转载出于传递更多信息之目的。如本站转载稿涉及版权等问题,请来信与本站联系。
    • 如果您有自己原创的作品,请向我们投稿哦!您可以通过Email:gogocat@21cn.com投出自己的作品,赶快行动吧!
    • 如果觉得我们的资源有用,请推荐给朋友,谢谢!
    ::相关教程::
    实现Web页面内容动态改变的dhtml操作
    如何用DHTML编制网页
    加快 DHTML 的一组技巧
    实现网页渐入特殊效果
    用推送技术动态更新页面内容
    认识DHTML中的“行为”组件
    DHTML模拟菜单
    WebEditor网页制作新客
     
    网友评论:(评论内容只代表网友观点,与本站立场无关!) 发表评论