单元4设计图片类网页特效(JavaScript+jQuery网页特效设计实例).ppt

图4-9　具有滤镜效果的横向焦点图片轮换的外观效果 任务4-12 jQuery实现鼠标滑过图片时预览大图 【任务描述】 在网页0412.html中，鼠标滑过图片时预览大图的外观效果如图4-10所示。 图4-10　鼠标滑过图片时预览大图的外观效果 任务4-13 jQuery实现单击箭头按钮切换图片 【任务描述】 在网页0413.html中单击箭头按钮切换图片的外观效果如图4-11所示。 图4-11　单击箭头按钮切换图片的外观效果 任务4-14 JavaScript实现图片连续向左滚动 【任务描述】 在网页0414.html中实现图片连续向左滚动的外观效果如图4-12所示。 图4-12　在网页0414.html中实现图片连续向左滚动的外观效果 任务4-15 JavaScript实现通用横向焦点图片轮换 【任务描述】 网页0415.html的通用横向焦点图片轮换的外观效果如图4-13所示。 图4-13　通用横向焦点图片轮换的外观效果 任务4-16 jQuery实现图片纵向切换 【任务描述】 在网页0416.html中实现图片纵向切换的外观效果如图4-14所示。 图4-14　在网页0416.html中实现图片纵向切换的外观效果 任务4-17 jQuery实现自动与手动均可切换的焦点图片轮换 【任务描述】