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

2008-02-23 06:22:28来源:互联网 阅读 ()

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  怎么样?您能够自己去尝试下了啊!感谢大家对本站的支持!



标签:

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

上一篇: Dreamweaver实现网页滚动的QQ在线咨询功能

下一篇: 使用Dreamweaver轻松实现网页背景音乐