最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

关于DW中无边窗口的制作

日期:11-14    来源:http://www.cnwebshow.com|    作者:

 
无边窗口在许多个人主页中应用相当广泛,今天我们就来研究下如何制作一个无边窗口。准备工作:开发工具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以上:




    选者鼠标事件为单击事件。




最终效果如下。