使用Dreamweaver插件制作网页滚动布告栏

2008-02-23 07:07:25来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  如果想要在网页里显示最新信息、新闻、通知、布告等较长的文字信息,而又不想占用太多的网页空间,可以使用滚动报告栏。

  滚动报告栏通常是通过利用 Javascript 技术控制网页中的层的滚动来实现的,然而手工编写 Javascript 代码进行制作肯定是比较复杂、困难的事情。使用 Dreamweaver 为用户提供的Scrollable Area插件可以快速便捷地制作出滚动报告栏。点击这里下载该插件

  1、下载该插件之后如果插件文件已经和 Macromedia 的插件管理器建立了文件关连直接双击进行安装,安装之后启动Dreamweaver mx 2004。或者先启动Dreamweaver之后使用“命令”=>“扩展管理”来安装也是可以的!

  2、选择插件管理器菜单栏上的【文件】菜单进行操作,如下图所示。

  3、设置 滚动布告栏。 安装完插件后运行 Dreamweaver MX 2004 ,打开或者新建一个 web 文档,按下图所示的操作:

  文字框从上开始的意思:1,活动区域与页面顶端的距离。2,活动区域与页面左端的距离。3,活动区域的宽度。4,活动区域的高度。

  您可以根据您的页面设计的需要来调整参数,最后的Scroll Speed是设置滚动区域的滚动速度,选择medium是一个适中的速度,您也可以选择高速,以及低速。

  Content部分是填充您在滚动区域需要放置的内容,您也可以直接填文字,也可以直接填充html代码。在您使用的时候,也可以不填充内容,最后在页面中也是可以修改的。

  在您都设置好以后,点Create创建滚动区域。

  打开层面板,开始我们具体的设置。

  子层divContent,就是您在开始时候设置的Content部分,你可以重新设置内容,在DW里面可以很容易的进行修改。下面就会介绍。

  DivUpControl层是带有控制向上方向文字的层

  divDownControl层是带有控制向上方向文字的层

  修改滚动区域的在页面的位置,以及宽度和高度:通过修改divContainer层的参数,如果你想使用图片来代替Scroll up、Scroll down ,可以这样,直接在文字中间插入图片,然后删除多余的文字就可以了,但是注意:切勿把连接中的javascript:;删除掉,否则就没有滚动的效果了。

  怎么样?你可以自己去尝试下了啊!感谢大家对本站的支持!

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:Dreamweaver制作漂亮的网页Flash电子相册

下一篇:细品Dreamweaver MX内建FW技术