第6章表单和Spry构件.pptVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
可折叠面板”Spry 构件,图 6-4-18(b)所示是一个处于折叠状态的“Spry 可折叠面板”Spry 构件。 (a) (b) 图 6-4-18 “Spry 可折叠面板”Spry 构件的展开和折叠状态 图 6-4-12 是一个由“Spry 可折叠面板”Spry 构件组成的网页,“Spry 可折叠面板”Spry 构件的 HTML 中包 含一个外部 div 标签,其中包含内容 div 标签和选项卡容器 div 标签,在文档头中和可折叠面板的 HTML 标记之 后还包括脚本标签。 制作该网页及创建和修改“Spry 可折叠面板”Spry 构件的方法如下: (1)新建一个网页文档,以名称“Spry 可折叠面板.htm”保存在“【案例 27】Spry”文件夹内。 (2)单击“插入记录”→“Spry”→“Spry 可折叠面板”命令,即可在网页内光标处创建一个“Spry 可折 叠面板”Spry 构件,如图 6-4-19 所示。 (3)拖动选中网页内的“Tab”文字,将该文字改为“春节”,再利用它的“属性”栏将选中的文字改为宋体、 红色、加粗、大小为 18 磅的文字。 图 6-4-19 创建的“Spry 可折叠面板”Spry 构件 (4)拖动选中网页内的“内容 1”文字,删除该文字,复制粘贴一些文字,再利用它的“属性”栏将选中的 文字改为宋体、蓝色、加粗、16 磅文字,如图 6-4-20 所示。 单击网页内“春节”面板标签内的右边的眼睛图标 ,展开“春节”面板;当出现一个 图标时,单击该图 标,可收缩“春节”面板。 (5)单击选中“Spry 可折叠面板”Spry 构件,它的“属性”栏如图 6-4-21 所示。其中各选项的作用如下: l l l 图 6-4-20 制作好的“Spry 可折叠面板”Spry 构件 图 6-4-21 Spry 构件的“属性”栏 “显示”下拉列表框:选中该下拉列表框中的“打开”选项,可以展开可折叠面板;选中该下拉列表框中 的“已关闭”选项,可以收缩可折叠面板。 “默认状态”下拉列表框:选中该下拉列表框中的“打开”选项,可设置默认状态为展开面板;选中该下 拉列表框中的“已关闭”选项,可以设置默认状态为收缩面板。 “启用动画”复选框:选中该复选框,可以设置启用“Spry 可折叠面板”Spry 构件的动画,当用户单击该 面板的选项卡时,该面板会缓缓地平滑打开和关闭;不选中该复选框,则禁止使用该动画,当用户单击该 面板的选项卡时,面板会迅速打开和关闭。 可以通 过设 置可折 叠面 板容 器的 width 属 性来 限制 “Spry 可折 叠面 板”构 件的 宽度。 方法 是: 打开 “SpryCollapsible Panel.css”文件,查找到“.CollapsiblePanel CSS”规则。此规则可用来定义折叠构件的 主容器元素的属性。另外,还可以利用“CSS 样式”面板来进行设置。 4.“Spry 选项卡式面板”Spry 构件 “Spry 选项卡式面板”Spry 构件是一组面板,用来将内容存储到紧凑空间中。用户可以通过单击它们要访问 的面板上的选项卡来隐藏或显示存储在选项卡式面板中的内容。在给定时间内,选项卡式面板构件中只有一个面 板处于打开状态。 “Spry 选项卡式面板”Spry 构件的 HTML 代码中包含一个含有所有面板的外部 div 标签、一个标签列表、一 个用来包含内容面板的 div 以及各面板对应的 div,在文档头中和选项卡式面板构件的 HTML 标记之后还包括脚 本标签。 图 6-4-22 是一个由“Spry 选项卡式面板”Spry 构件组成的网页。单击网页内的标签,可以切换到相应的选 项卡。图 6-4-22(a)是第 1 个选项卡式面板处于打开状态,图 6-4-22(b)是第 3 个选项卡式面板处于打开状 态。 制作该网页及创建和修改“Spry 选项卡式面板”Spry 构件的方法如下: (a) (b) 图 6-4-22 “Spry 选项卡式面板”Spry 构件的两个状态 (1)新建一个网页文档,以名称“Spry 选项卡式面板.htm”保存在“【案例 27】Spry”文件夹内。单击“插 入记录”→“Spry”→“Spry 选项卡式面板”命令,即可在网页内光标处创建一个“Spry 选项卡式面板”Spry 构件,如图 6-4-23 所示。 (2)选中“Spry 选项卡式面板”Spry 构件,它的“属性”栏如图 6-4-24 所示。单击“属性”栏内“面板” 列表框上边的 按钮,在“面板”列表框内增加一个面板名称“Tab3”,再单击 按钮,在“面板”列表框内再增

文档评论(0)

junjun37473 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档