当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > Dreamweaver CS3集成Spry效果试用

Dreamweaver
用代码“写”出扫描线效果图片
DHTML实例解析:用HTC统一定制表单样式
网页瘦身小技巧---“分割大法”
简单实用的网页表格特效
巧用样式表,让文本框与按钮变个样
网页工作原理
网页图片特效小技巧
如何防止及消除垃圾代码的产生
提高页面显示速度的秘技
用DW MX制作导航下拉菜单
Dreamweaver MX应用表格排序
Dreamweaver查找替换的技巧
用DreamWeaver定制网站的颜色
Dreamweaver MX进阶教程(七)创建基于框架的网页
Dreamweaver MX进阶教程(九)使用用于框架的“行为”
Dreamweaver MX进阶教程(八) 操作框架
Dreamweaver MX进阶教程(十)制作居中的网页
Dreamweaver MX进阶教程(十六)制作可拖动表格
Dreamweaver MX进阶教程(二十一)制作虚线
Dreamweaver MX进阶教程(十三)在Dreamweaver 中使用上标和下标

Dreamweaver CS3集成Spry效果试用


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-23   浏览: 72 ::
收藏到网摘: n/a

关于本次Dreamweaver CS3新功能描述中,在如今Web2.0盛行、AJAX流行的时代背景下,Adobe公司的轻量级的AJAX框架Spry,尤其是当Spry集成到Dreamweaver cs3时,这无疑是最令人兴奋的。

排除与用户交互有关的Spry XML数据交互和Spry相关窗口组件不谈,最先让用户上手的就是Spry所带来的Ajax视觉效果了。在Dreamweaver cs3单击相关按钮就可以轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

1,Spry Menu Bar

使用该按钮可以创建横向或纵向的网页下拉或弹出菜单,Spry框架集成的SpryMenuBar.js脚本文件无需我们来编写菜单弹出代码,同时,菜单栏目均采用基于Web标准的HTML结构形式,编辑方便。


2,Spry Tabbed Panels

对于Windows操作系统用户来说,选项卡功能并不陌生,但要在网页中实现该功能确不是很轻松,现在借助Spry tabbed panels可以很快完成,并且在Dreamweaver CS3中可以直接选择各个主选项卡内的内容进行编辑。


3,Spry Accordion

我们都使用过QQ聊天软件,当选择“QQ好友”、“QQ群”或“最近联系人”时,单击该名称就可上下自由滑开所选择的内容而整个窗口不会发生变化。同样,在网页应用中,我们曾经为这些的“QQ菜单”而绞尽脑汁,现在,使用Spry accordion轻松搞定。

4,Spry Collapsible Panel

当我们在设计一个FAQ的页面时,总希望让浏览者尽可能多的看到许多“问题”的题目,当某个“问题”正适合该用户时,可单击该“问题”,一个隐藏的“答案”出现了——遇到这个问题,是否已经想到了显示/隐藏层呢?不过操作过的人都清楚,“问题”的越来越多,所做的重复工作也越多,SO,Spry collapsible panel的出现可以让我们轻松许多。