软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 用Dreamweaver实现全景图浏览效果

用Dreamweaver实现全景图浏览效果

否有见过游戏中的全景图效果,充满动画与真实感,让人难以忘怀。在本例中就介绍如何制作这样的网页。

  效果说明

  建立文件,选择一张全景图素材,然后插入少量的代码就可以实现全景图浏览效果,如图 43-1 所示。实际效果请浏览随书光盘中《源文件》目录下的相关文件。

  创作思想

  打开 Dreamweaver MX 2004 软件新建页面并插入表格,在表格的 HTML 代码中插入 <marquee> 标签,实现全景图浏览。

  操作步骤

  ( 1 )新建一个基本的 html 文件,然后保存页面为“ 43.htm ”。

  ( 2 )插入表格。要使全景图在指定的区域中走动,必须先插入表格,如图 43-2 所示。

   提示:图 43-2 中的第五步操作必须将高度设置得与图片一样高。

  ( 3 )插入标签。然后在工具栏中单击【标签选择器】图标,打开【标签选择器】对话框,在该对话框中设置参数,插入 <marquee> 标签,如图 43-3 所示。

  提示:标签选择器对话框中汇集了一些常用的标签,如 HTML 标签、 CFML 标签、 ASP.NET 标签等,通过双击相应的代码标签,就可以很轻松地在代码视图中插入代码。

相关阅读
网友评论
栏目导航
推荐软件