第11章 网页交互与特效.pptxVIP

网页设计与制作（微课版　第3 版）第 11 章网页交互与特效本书编写组11.1　网页的交互行为11.2　Spry框架11.3　综合实训案例：制作导航条学习目标? 掌握拖动AP元素、显示隐藏元素等交互行为；? 掌握Spry菜单栏、Spry选项卡式面板；? 掌握Spry折叠式；? 理解Spry可折叠面板。在网页中添加一些交互行为和特效，这样制作出来的网页风格突出、新颖，能让浏览者过目不忘，也能增加网站的访问量。网页的交互行为和特效一般由JavaScript脚本代码完成，但对于没有任何编程基础的设计者来说，可以使用Dreamweaver CS6中内置的行为功能，而不用书写一行行代码，来实现页面丰富的动态效果，且操作也比较简单。11.1　网页的交互行为行为是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的方法。行为是由一个事件所触发的动作的表现。事件是浏览者对网页所做的事情，如单击某个图像、鼠标指针经过指定的对象等。11.1.1拖动AP元素AP（absolute position）元素是指绝对定位的元素，“拖动AP元素”行为可以让浏览者拖动绝对定位的AP元素，即在浏览页面中，浏览者可以将AP元素（如图像等）拖动到一个新的位置。11.1　网页的交互行为11.1.1 拖动AP元素?单击“插入”面板“布局”下的“绘制AP Div”，绘制AP元素，如下左图所示。拖动“绘制AP D