按照步骤来:
一 css 样式控制:
.in_f {
CLEAR: both; HEIGHT: 46px
}
.in_f .a {
BACKGROUND: url(../images/i12.gif) no-repeat left 50%; FLOAT: left; WIDTH: 160px; HEIGHT: 46px
}
.in_f .b {
FLOAT: left; WIDTH: 17px; HEIGHT: 46px
}
.in_f .centerBox {
DISPLAY: inline; FLOAT: left; MARGIN: 0px 10px; OVERFLOW: hidden; width:498px; HEIGHT: 232px
}
.in_f .centerBox IMG {
MARGIN: 0px 3px
}
.in_f .d {
FLOAT: left; WIDTH: 16px; HEIGHT: 46px
}
.in_f .b IMG {
CURSOR: pointer
}
.in_f .d IMG {
CURSOR: pointer
}
二:准备js
jQuery.js
jquery-ui-1.8.6.custom.min.js
MSClass.js ----这个就是滚动的操作js
<!-- 引入js 和 css -->
<!-- 控制滚动的按钮 -->
<img id="left" title="向左滚动" alt="向左