当前位置：首页 > 设计在线 > 网页设计 > Dreamweaver > 关于DW中无边窗口的制作 [初级]

关于DW中无边窗口的制作 [初级]

点击次数：38 次 发布日期：2008-11-27 17:21:24 作者：源代码网
源代码网推荐
关于DW中无边窗口的制作 [初级]
无边窗口在许多个人主页中应用相当广泛，今天我们就来研究下如何制作一个无边窗口。准备工作：开发工具Dreamweaver，DW插件chromeless.mxp，电脑，鼠标·￥%……#·（什么和什么啊，蒙我们啊？）。
源代码网推荐    好，不废话了，下面开始进入主题。首先安装DW插件chromeless.mxp，如果顺利便如图所示。
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐    接着打开DW，在网页输入文字，也就是你希望点击后打开无边窗口的连接，我们给文字加上空链接，至于为何我们后边会提到。
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐    chromeless.mxp属于行为(behaviors)插件，先选中文字，然后在窗口(windows)/行为(behaviors)面版里边找到它：
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐    知道为什么要为刚才的文字加上空链接了吧，因为行为(behaviors)不同于链接，如果只给文字单独加上行为，则该文字于没有链接的特征，所以需要先加个空链接。这样可以鼠标放上去才能识别出该文字具有链接特征。(当然你也可以不用加空链接，不过这样浏览者就看不出该文字是链接了。)
源代码网推荐
源代码网推荐    进入chromeless.mxp属性配置面版：
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐   这里有许多参数配置：
源代码网推荐URL to display 是指该链接指向的页面
源代码网推荐window title 是无边框窗口的标题
源代码网推荐window name 是无边框窗口的名字
源代码网推荐window width 及 window hight 是无边框窗口打开的大小
源代码网推荐open window in center(ie5+win)如果选择上便是默认在IE中央打开该窗口，否则可以自己设定窗口在IE中出现的坐标。
源代码网推荐clolr中有4个颜色选择，分别是设置无边框窗口被鼠标选择及释放时候的边框颜色及标题颜色。
源代码网推荐最底下一项就是选者无边框窗口的标题文字样式。
源代码网推荐
源代码网推荐
源代码网推荐    设置完毕后我们需要为该文字加个触发事件，先选者行为事件支持为IE5以上：
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐    选者鼠标事件为单击事件。
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐
源代码网推荐最终效果如下。
源代码网推荐
源代码网推荐 
源代码网推荐

源代码网供稿.
网友评论 (0)
我也要写评论
会员中心
设计在线
本站推荐
设计在线之精华