实验报告5Spry框架和表单.doc

Spry框架和表单
1900-1-1
于泳海
《电子商务网站建设与管理》实验报告（5）
XXXXXXX
XXXXXXX
XXXXXXX
实验名称：________________指导教师：___________完成日期：________________
专业：________________班级：___________姓名：________________
一、实验目的：
能够利用Spry效果在网页添加优美的动态效果；
利用Spry控件在网页中添加具有动态效果的用户交互元素；
能够建立具有表单的网页，并利用Spry框架对表单进行验证。图1
二、实验内容：
5.1利用Spry效果实现一个具有动态效果的相册，其缩略图浏览如图1所示。
5.2利用Spry控件为自己的网页添加菜单、选项卡式面板、折叠式构件和可折叠式面板元素。增加的内容应该有实际意义。修改这些元素使其风格与页面风格统一。
5.3实现表单及其验证。1)为自己的网站添加用户注册的网页，用户需填入用户名、密码、电子邮件地址、个人简介、性别、爱好、地域等信息；2)在刚才用户注册的网页上增加信息验证的功能。三、设计说明：(设计思路、实现过程、使用的技术等)
1.使用spry框架的增大收缩的效果；
2.使用晃动效果来进行相应的操作，在使用时应该注意，在html代码中添加一个id值；
3.插入spry选项卡选项式面板控件，编辑此选项卡进行设置相应的标题；
4.应用spry可折叠面板控件；
5.使用表单来进行实验5.3的相应的设计；四、实验结果与结论：（结果截图）
5.1

5.2

5.3

五、实验总结：（实验中遇到的问题及解决方法，心得体会等）
做该实验时在第一题中遇到了问题。在鼠标放到小图片上时，图片直接恍的不行，改了好长时间最终发现原来是在应用过程中效果的持续时间太长而导致了该问题。在做第二题要特别注意Spry可折叠面板的应用，可以用属性面板编辑该控件，但是属性面板并不作支持自定义可折叠面板控件外观样式的设置任务，要想更改可折叠面板控件的外观，必须修改对应的css规则。文本可以单行或多行显示，也可以以密码域的方式显示，在这种情况下，输入文本将被替换为星号。