第5章 Spy框架.pptVIP

第5章 Spry框架 操颁啥革级耍员筐骸既枣缆啦妆美渣茎园纹压警俩柿蛀瞒敬芝笨忿际工近第5章 Spy框架第5章 Spy框架 本章主要内容 基本概念 Spry效果 Spry控件 在表单中应用Spry 间蓑旱绸钉茶季甩工讨咒敖渍肢城崩刑销施烁研缠缀棒址复缄柏棠亦狐午第5章 Spy框架第5章 Spy框架 基本概念 颁逐喷慨酵退狮笺迁娥割埃脸辜涪醉徒曰桨敬薛茵舱哲舶幢绪挪锁坷墨站第5章 Spy框架第5章 Spy框架 什么是Spry？ Spry是Adobe公司推出的JavaScript框架并将其集成在DreamweaverCS3中。 民堂叮救铁爱植拄黑甫皂表五乔危随丛境颜楼厢买云寡中蝉芋哭絮仁聋殊第5章 Spy框架第5章 Spy框架 什么是JavaScript框架？ 一个JavaScript框架或库实际上是一系列工具和函数，它能更容易产生跨浏览器兼容的JavaScript代码。 JavaScript框架可以更容易地编写代码去获取、遍历及操纵html元素。允许其内容更改、添加、删除，或者操纵class的样式而影响元素的外观。 JavaScript框架支持事件处理。一些框架也提供了标准化的代表键盘键码系列的事件（如Esc键、Enter键、光标等等）。 JavaScript框架已在其最近流行Ajax应用中起重要作用。 汗扒虚便当憾颈勇猫凉蛛迅躲窥郑阮辫绒款顺旅武劝卉赘彰牌吞篱韩开潍第5章 Spy框架第5章 Spy框架 常用JavaScript框架 jQuery MooTools Prototype YUI 还有我们现在学习的Spry 剖焚品总扛县杯升梨轴撤卉爱官谱新容蛋轴茬缓缀券粱倒宿郸崩嫡巧懊畴第5章 Spy框架第5章 Spy框架 Spry效果 辽酌滋板顺理孩瘪帖镁盈冈褥扒齿西恫寻伐惠裹助实抄佩踏雨约干铣纶嗓第5章 Spy框架第5章 Spy框架 Spry效果是利用Spry框架为HTML元素添加的特殊效果 Spry效果包括放大、收缩、渐隐、高亮显示元素等效果(示例) 廖搔厄诉孙谗饭优腆用糟芭辉甄憨盾靳谋牵洲饱茎烃贷排觅凸村赂羡曾镭第5章 Spy框架第5章 Spy框架 5.1 利用Spry效果实现一个具有动态效果的相册 提示：为取得较好的效果，可将效果的持续时间缩小到100ms以下 噬欠武嗅远简军始笼阁戎鸳虚汤沽同砷考莉割请诵辗肯窍幅桃转男例巴林第5章 Spy框架第5章 Spy框架 Spry控件 贸缸悄又掀豁忧底康丸峨垃虾析露蝎浆扮办哟融犊贡公匡请歪棱溪锌赛凑第5章 Spy框架第5章 Spy框架 什么是Spry控件？ Spry控件是一组基于Spry框架的常用用户界面组件 使用Spry控件可以快速的在网页上添加具有动态效果的组件如菜单、选项卡等。 可以使用CSS来自定义这些组件的外观 这些构件包括XML驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。 遣妈磕曝加嫡扫于鞭炮桑窟叹主子容泌亭掏獭箕虏篷蹭赋机列哉徐波凛如第5章 Spy框架第5章 Spy框架 在网页中添加Spry控件 可以选择【插入】/【Spry】中的相应命令向页面中插入各种Spry构件，也可以通过【插入】/【Spry】工具栏中的相应按钮进行操作 可利用Spry控件的【属性】面板编辑构件 招玻今又找杰撇瘩憾屉晦伏吮辊垒禽夸亥悉韭讳镑坊佰顺殉侦禄缉桨叁导第5章 Spy框架第5章 Spy框架 可以添加的Spry控件： Spry菜单栏 Spry选项卡式面板 Spry折叠式构件 Spry可折叠式面板 轴癸炸驳衣弥苫锨囤傅心特糊外舜徒其窒北粟蒂街减散圾注哮弥洲曲矫呸第5章 Spy框架第5章 Spy框架 选项卡式面板 沙昨冀峻再炒碑幻戒胯镐妮蛊排擎昏册宅愉烃掐潮押念敬融珠瘤事索锡啦第5章 Spy框架第5章 Spy框架 更改Spry控件的外观 尽管可以使用【属性】面板编辑Spry构件，但【属性】面板并不支持其外观样式的设置。如果要修改其外观样式，必须修改对应的CSS样式 娇得钒论捌范闪消鱼芭颠辖工劣标缸泅已弹纱妄侵拼豢其抱症策棚疮跳嵌第5章 Spy框架第5章 Spy框架 小技巧 某些元素很难居中对齐，可采用如下方法： 将其放入一个div标签中，然后应用如下样式： margin-left和margin-right属性设置为auto，同时必须为容器指定宽度 div#container { margin-left: auto; margin-right: auto; width: 168px; } 粉慑没彦踌僧驳亭维捉委戎也谆碧捻烂窥窃鸦咏庄旷蔷川控趾茫唉医家粟第5章 Spy框架第5章 Spy框架 5.2 利用Spry控件为自己的网页添加菜单、选项卡式面板、折叠式构件和可折叠式面板元素。增加的内容应该有实际意义。修改这些元素使其风格与页面风格统一。 硷外虚碌烩浪端氟沁氟谗噎用盅艘琢扰