web编程基础实验八行为spry.pdfVIP

实验八行为和spry

班级：11级网络学号：112208206139：

【实验目的】

掌握网页中网页中行为技术和Spry验证构件的使用。

【实验要求】

1、掌握行为的创建；

2、练习制作图像特效；

3、练习启用浏览器窗口;

4、掌握效果行为。

5、练习spry验证的基本操作。

【实验内容与步骤】

利用素材“练习案例-甜品饮料吧”进行练习制作图像特效,最终效果参考“练习案例-最终效果

甜品饮料吧”。

1、为“练习案例-甜品饮料吧”创建相应站点。

2、在“热卖产品”下方，分别为图像“茉莉花香”，“冰火两重天”，“生命之绿”，“巨杯甜

饮”添加显示-隐藏元素特效，实现鼠标经过不同，在网页特色产品单元格右侧显示其放

大，放大分别为：big1-1.jpg，big2-1.jpg，big3-1.jpg，big4-1.jpg。

首先，先设计div布局，并在相应的div中相应的。对相应的，在行为里面添加

，选择显示—隐藏元素。并且将OnClick触发条件改成OnMouseOver或者OnMouseOut

3、在“特色产品”下方，自左至右，自上至下，分别图像a-1.jpg-f-1.jpg，并添加交换图

像特效，交换分别设为a.jpg-f.jpg。

运行结果：