第六章 spry框架和表单.pptVIP

第六章 spry框架和表单 本章主要内容： Spry效果 Spry控件 表单 一、Spry效果 一、Spry效果 2、Spry效果 Spry效果是一种提高网站外观吸引力的简洁方式。这种效果可以应用于几乎所有的html元素中。 一、Spry效果 Spry效果包括下列效果 增大/收缩：使元素变大或变小 挤压：使元素从页面的左上角消失 显示/渐隐：使元素显示或渐隐 晃动：模拟从左往右晃动元素 滑动：上下移动元素 遮帘：模拟百叶窗，向上或向下滚动百叶窗来显示或隐藏某些元素 高亮颜色：改变元素的背景颜色 效果实例：1.html (一)Spry效果详解 增大/收缩效果 应用对象：address、dd、div、dl、dt、form、p 、ol、ul、applet、center、dir、menu、pre （一）Spry效果详解 挤压效果（实例2.html） 此效果适用于以下html对象：address 、dd 、div、 dl、 dt 、form、 img 、p、 ol 、applet、 center、 dir、 menu、 pre Spry效果详解 显示渐隐效果（实例3.html） 此效果适用于除applet、 body、 iframe、 object、 tr、 tbody 、th以外的所有html对象 （一）Spry效果详解 晃动效果（实例4.html） 此效果适用于下列html对象：address 、blockquote、 dd 、div、 dl、 dt、 fieldset、 form 、h1-h6、Iframe、 img、 object、 p、 ol、 ul、 li 、applet 、dir 、hr、 menu、 pre、 table （一）Spry效果详解 滑动效果（实例5.html） 此效果仅适用于下列html对象：blockquote 、 dd 、div、 form、 center 滑动效果的内容必须有一个div标签 （一）Spry效果详解 遮帘效果（实例6.html） 此效果仅适用于下列html对象：address、 dd、div 、dl 、dt、 form、 h1、 h2、h3、h4、h5、h6、 p、 ol、 ul、 li、 applet、 center、 dir 、menu、 pre 二、Spry控件 1、什么叫spry控件？ Spry框架支持一组用标准HTML、CSS和javaScript编写的可重用控件。在利用Dreamweaver CSS制作网页时，可以方便地插入这些控件，然后设置控件的样式。常用的Spry控件有：Spry菜单栏、Spry选项卡式面板、Spry折叠式、Spry可折叠面板。 二、Spry控件的使用 插入spry控件 二、Spry控件的使用 选择和编辑spry控件 二、Spry控件的使用 设置spry控件的样式 样式是有CSS样式表实现的，要控制其样式只要对相应的CSS样式表进行编辑即可。 二、Spry控件的使用 Spry 的js代码的保存。 （一）Spry控件-菜单栏控件 Spry菜单栏控件是一组可导航的菜单按钮，当站点访问者将鼠标悬停在其中的某个按钮上时将会显示相应的子菜单。 插入”spry菜单栏”控件 Spry控件-菜单栏控件 编辑”spry菜单栏”控件 Spry控件-菜单栏控件 预览 Spry控件-菜单栏控件 更改菜单栏外观—利用CSS样式表进行更改。 （二）Spry控件-spry选项卡 二、Spry控件-spry选项卡 插入”spry选项卡面板” 编辑”spry选项卡面板”控件 Spry控件-spry选项卡 编辑CSS样式表更改面板控件的高度 （二）Spry控件-spry选项卡 编辑JS文件更改鼠标的事件 （三）Spry控件-spry折叠式控件 （三）Spry控件-spry折叠式控件 插入“spry折叠式控件” 编辑控件 （四）Spry控件-spry可折叠面板控件 三、表单 表单的主要功能：收集客户端的信息，客户端发送信息到服务器以后，服务器端的程序可以处理客户端输入的信息。 3.表单 三、表 单 “目标”下拉列表框用来设定提交表单后，请求页面将以何种方式显示返回的结果。 其中各选项的含义如下： _blank：在未命名的新窗口中显示返回结果。 _parent：在显示当前页面的窗口的父窗口中显示返回结果。 _self：在显示当前页面的窗口中显示返回结果。 _top：在顶层窗口中显示返回结果。 三、表 单 “MIME类型”下拉列表框： 用于指定提交给服务器进行处理的数据使用的编码类型。 默认设置为“application/x-www-form-u