Dreamweaver3 图层应用技巧(二)

2016-02-19 20:47 3 1 收藏

下面这个Dreamweaver3 图层应用技巧(二)教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

  上次说到点击按钮出现隐含图层,在今天开始学习之前,先说一点题外话。DW3对中文支持不好,他的链接不支持用中文命名的文件,这是其一。其二,它的Behaviors(行为)菜单中浏览器的选择很不方便,他默认的是3.0 and Later Browsers,这样的话就有很多特效不能用,包括图层的一些特效。解决办法是点一下Events For右边的一个小三角形,再用键盘的上下健选择你所希望的浏览器。

  先看看例子

  1.先把Objects(项目)Ctrl+F2面版调出来,插入两个按钮。注意,两个按钮的Action(动作)都要选None(无),否则不能做出效果来。如下图:

  2.把图层里的内容准备好,并把它设为隐含。图层里的内容由你定,教程(一)里的图层是搜索引擎,现在是留言簿,根据你的需要来更改图层中的内容。

  3.由于有了教程(一)的基础我就不写那么详细,点击“显示留言簿”按钮,按F8出现Behaviors(行为)菜单,加入Events(事件)显示图层,Actions(动作)不要改动,千万不要把它改为“OnMouseOver”,要不然这按钮没用。设完如下图:

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

  4.点击“隐藏留言簿”按钮,同样加入Events(事件)隐藏图层。

  老习惯先来瞧一瞧效果

  1.你得先把菜单做好,再把相应下拉菜单的内容放到隐藏图层里。一个链接对应一个图层,上图有四个链接就得做四个隐含图层,图层分别放在链接的下面,像下图那样摆放。

  2.剩下的事情就好做了,你得多点几下鼠标。按F8把Behaviors(行为)菜单调出来,点击“健康常识”链接后,在Behaviors中点击加号选Show- Hide Layers,出来Show-Hide Layers菜单,把Layer1设为Show(显示),其它三个图层设为Hide(隐藏)。如下图:

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

  3.把Events(事件)OnClick改为OnMouseOver事件,Ok!这是一个下拉菜单的制作,其它的三个链接如法炮制。不过我要特别强调一点:在设置Show-Hide Layers菜单时一定要注意,除了把该链接的下拉菜单图层设为Show(显示)外,其它的图层一定要设为Hide(隐藏),否则,效果不堪入目。

来源:https://www.tulaoshi.com/n/20160219/1624522.html

延伸阅读
标签: Web开发
在开发数据库驱动的网络应用方面,Dreamweaver MX 包括以下新特性: 1. ColdFusion MX支持 在专业的编码环境或可视化环境中创建动态ColdFusion MX网站。 (1) 在Dreamweaver MX中可以使用最新的ColdFusion MX标记。 (2) 可以创建和自省ColdFusion组件。 (3) 可以在Dreamweaver MX环境中调试ColdFusion代码。 ...
标签: Web开发
今天在用 DW 试写一段 AS ,突然想,DW是不是有像FLASH一样的“自动套用格式”,这样的话,html文件的源码看起来就很工整了。其实这个想法很早就有了,只是一直没找到这个功能,今天在同事的帮助下终于找到了,试用一下,很好,很实用。并且自动把Tab转换成了空格,很方便网站后台的录入工作。 但是CSS文件使用此功能就感觉不适应了(...
标签: Web开发
站点管理器并到了Files面板里. 方便大家管理本地和站点的文件. Answer面板. 方便你连接macromedia.com获取最新的信息. MX系列都具有该面板. Advanced Layout面板 P.S.还有个发现! DWMX支持更多的Server Model. (支持PHP Mysql和ASP.net C#了! 激动中... T_T) 今天就这么多了,我们明天接着说吧....
标签: Web开发
在网页制作过程中,也许我们会遇到这样的情况,当我们的大量网页已经完成,却发现它们都有一个共同错误需要修改。这时候不可能完全依靠手工去更改了,怎么办呢?利用Dreamweaver8中的查找替换就能帮助你快速而准确地完成修改。 大家都使用过Word等软件的查找替换功能,Dreamweaver8的查找替换功能与那些软件的查找替换的用法相似,但...
标签: Web开发
在网上,我们经常可以看到一些非常实用的拖拽效果,特别是应用于网上购物时,访问者直接就可以把选中的物品拖拽到购物箱或者购物车里,非常方便、有趣。不过大多数人不知道,其实用Dreamweaver中的Behaviors也可以做出同样的效果来。如果你有兴趣,就和我一起来制作一个具有拖拽效果的的购物箱吧! 在做拖拽效果的网页之前,首先我们...

经验教程

103

收藏

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