用Dreamweaver插件制作滚动链接层

2016-02-19 20:46 52 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享用Dreamweaver插件制作滚动链接层,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

  在制作网页时,制作者经常将网页菜单置于网页顶端,这样当浏览者浏览较长内容的网页时,如果想选择其他菜单,就不得不回到网页顶端才能选择其他菜单。本实例将学习如何制作一个滚动链接层,以便于浏览者对菜单进行选择。

  效果说明

  浏览页面时,右上角的快捷菜单跟随着滚动条的滚动而滚动,如图 57-1 所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  创作思想

  本实例将使用 Macromedia 的扩展插件 Perisistent Layers 制作出滚动链接层。

  操作步骤

  ( 1 )安装扩展插件。使用菜单命令 | 调出 Macromedia 扩展管理器,安装 Perisistent Layers 扩展插件,如图 57-2 所示。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  ( 2 )绘制描绘层。打开本实例素材文件夹中的 gdlayer.htm 文件,选择插入栏中的按钮,在页面右边插入一个图层,如图 57-3 所示。

  ( 3 )插入图片。将光标置于图层内,在图层中插入图片,如图 57-4 所示。

  提示:插入图片后,可以对图片进行热点区域的设置,有关热点区域设置的知识读者可参考本书实例 39 。

  ( 4 )添加 Persistent Layers 行为。在文档窗口的左下角单击 body 标签选中整个页面,按 Shift + F3 键打开行为面板,添加 Persistent Layers 行为,如图 57-5 所示。

  ( 5 )设置基本参数。弹出对话框后,在中选择要应用行为的图层 Layer1 ,然后选择命令,表示根据选项来确定层的位置,如图 57-6 所示。

  ( 6 ) 设置图层水平方向和垂直方向的位置参数,并设置图层以动画形式滚动,如图 57-7 所示。设置完成后单击按钮。

   ( 7 ) 此时在页面编辑状态下不能正确显示图层的位置。保存页面并按 F12 键在浏览器中进行预览。读者在制作过程中可参考本实例素材文件夹中的 gdlayerok.htm 效果文件。至此,本实例制作完成。

来源:http://www.tulaoshi.com/n/20160219/1624454.html

延伸阅读
标签: Web开发
    层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置。层可以包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。可以使页面上元素进行重叠和复杂的布局。首先,请看下图: 我们首先来做一个层 1、 在「窗口」菜单>选“层”,或点「插入」菜单>布局对象>选“层”。 ...
标签: Web开发
对于想进行Dreamweaver扩展(插件)开发的用户来说,一般需要有这样的前提知识: 1,需要了解到Dreamweaver扩展(插件)制作的基本步骤,即了解扩展文件(.mxp)在打包前的文件结构及文件内容。可参看使用扩展管理器帮助文档(Macromedia扩展管理器菜单帮助); 2,应了解打包前的扩展安装文件(.mxi)的结构及相关语法应用,可参考Dreamweav...
标签: Web开发
.THICKBOX支持一下浏览器: Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10……但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用: 1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少! 代码如下: script ty...
标签: Web开发
第一步,确定你安装有Macromedia Extension Manager(以下简称EM),中文名称就叫插件管理器,Dreamweaver 4.0以上版本都自带了这个软件,在安装Dreamweaver的时候会自动安装这个东东。如下图所示: 如果您找不到这个东东,也可以去这里下载一个最新版本的EM回来安装:http://www.macromediachina.com/exchange/em_download/ ...
标签: Web开发
在经过前面几个部分的操作之后,我们的网页已经图文并茂,具有相当的效果了,但是这对于网页来说还不够,为了网站中的众多网页能够成为一个有机的整体,必须将各个网页通过超链接方式联系起来,这样才能够让浏览者在不同的页面之间跳转。 一、链接图片和文字 为一些文字或者图片建立链接非常方便,只要用鼠标选中需要变成链接的...

经验教程

885

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部