<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="renderer" content="webkit"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<link rel="stylesheet" type="text/css" href="css/zhmy.css" media="screen"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/scrollPic.js"></script>
<title>图片滚动</title>
</head>
<body>
<div >
<div class="scroll">
<div class="scroll_left" id="LeftArr"></div>
<div class="pic" id="scrollPic">
<ul>
<li><a href="#" target="_blank" title=""><img src="images/pic01.png" alt="" /></a></li>
<li><a href="#" target="_blank" title=""><img src="images/pic02.png" alt="" /></a></li>
<li><a href="#" target="_blank" title=""><img src="images/pic03.png" alt="" /></a></li>
<li><a href="#" target="_blank" title=""><img src="images/pic04.png" alt="" /></a></li>
<li><a href="#" target="_blank" title=""><img src="images/pic05.png" alt="" /></a></li>
<li><a href="#" target="_blank" title=""><img src="images/pic06.png" alt="" /></a></li>
</ul>
</div>
<div class="scroll_right" id="RightArr"></div>
</div>
</div>
</body>
</html>
<script>
$(function () {
scrollPic();
});
function scrollPic() {
var scrollPic = new ScrollPic();
scrollPic.scrollContId = "scrollPic"; //内容容器ID
scrollPic.arrLeftId = "LeftArr";//左箭头ID
scrollPic.arrRightId = "RightArr"; //右箭头ID
scrollPic.frameWidth = 1120;//显示框宽度
scrollPic.pageWidth = 234; //翻页宽度
scrollPic.speed = 10; //移动速度(单位毫秒，越小越快)
scrollPic.space = 10; //每次移动像素(单位px，越大越快)
scrollPic.autoPlay = true; //自动播放
scrollPic.autoPlayTime = 3; //自动播放间隔时间(秒)
scrollPic.initialize(); //初始化
}
</script>
banner图自动滚动和手动滑动
需积分: 47 65 浏览量
2018-08-02
16:08:53
上传
评论
收藏 106KB RAR 举报
亲测，html页面+js+css自动滚动+手动滑动.rar （13个子文件） 
自动滚动+手动滑动 css 
zhmy.css 489B
scrollPic.html 2KB images 
pic05.png 12KB pic03.png 8KB pic02.png 6KB pic06.png 22KB
banner_pre.jpg 1KB pic01.png 7KB pic04.png 8KB banner_next.jpg 1KB pic07.png 8KB js scrollPic.js 9KB jquery.min.js 94KB资源评论
zhmy_006
- 粉丝: 36
- 资源: 51
