实验七jQuery实现轮换广告.docVIP

实验七 jQuery实现轮换广告 一、实验目的 1. 掌握jQuery对象的获取及使用； 2. 掌握jQuery事件的使用； 3. 了解jQuery的用途。 二、实验内容 1. 使用jQuery实现图片的自动播放效果； 2. 使用jQuery实现点击导航播放相应的图片。 三、实验步骤 本实验使用到的相关样式设置代码提供如下： * { margin: 0; padding: 0; } body { font: 12px; padding-top: 50px; padding-right: 200px; padding-bottom: 100px; padding-left: 200px; } ul { list-style: none; } img { padding: 2px; border: 1px solid #eee; } #imgs { width: 410px; margin-right: auto; margin-left: auto; } .top, .btm { overflow: hidden; } .top { background-position: 0 0; height: 5px; } .btm { height: 7px; } .mid { width: 400px;