展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" src="http://www.suqian.cm/js/ScrollPic.js"></script>
</head>
<body>
<style type="text/css">
.pic_top div{float:left}
.pic_yi{height:80px; width:80px;padding:20px}
</style>
<div class="pic_top">
<div class="pic_left" id="LeftArr" style="height:100px; width:200px;">鼠标点击向左(left)滚动</div>
<div class="pic_center" id="divAcrollPic1" style=" height:100px; width:400px; overflow:hidden; ">键乎
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
</div>
<div class="pic_right" id="RightArr" style="height:100px; width:200px;">鼠标点击向右(right)滚动</div>
</div>
<script type="text/javascript">
// 左右点击滚动开始
var scrollPic1 = new ScrollPic();
scrollPic1.scrollContId = "divAcrollPic1"; //内容容器ID
scrollPic1.arrLeftId = "LeftArr";//左箭头ID
scrollPic1.arrRightId = "RightArr"; //右箭头ID
scrollPic1.frameWidth = 400;//显示框宽度
scrollPic1.pageWidth = 100; //翻页宽橘猛度
scrollPic1.speed = 10; //移动速度(单位毫秒,越小越快)
scrollPic1.space = 10; //每次移动像素(单位px,越大越快)
scrollPic1.autoPlay = false; //自动播放
scrollPic1.autoPlayTime = 3; //自动播放间隔时间(秒)
scrollPic1.initialize(); //初始化圆亮桥
// 左右点击滚动结束
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" src="http://www.suqian.cm/js/ScrollPic.js"></script>
</head>
<body>
<style type="text/css">
.pic_top div{float:left}
.pic_yi{height:80px; width:80px;padding:20px}
</style>
<div class="pic_top">
<div class="pic_left" id="LeftArr" style="height:100px; width:200px;">鼠标点击向左(left)滚动</div>
<div class="pic_center" id="divAcrollPic1" style=" height:100px; width:400px; overflow:hidden; ">键乎
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
<div class="pic_yi">图片</div>
</div>
<div class="pic_right" id="RightArr" style="height:100px; width:200px;">鼠标点击向右(right)滚动</div>
</div>
<script type="text/javascript">
// 左右点击滚动开始
var scrollPic1 = new ScrollPic();
scrollPic1.scrollContId = "divAcrollPic1"; //内容容器ID
scrollPic1.arrLeftId = "LeftArr";//左箭头ID
scrollPic1.arrRightId = "RightArr"; //右箭头ID
scrollPic1.frameWidth = 400;//显示框宽度
scrollPic1.pageWidth = 100; //翻页宽橘猛度
scrollPic1.speed = 10; //移动速度(单位毫秒,越小越快)
scrollPic1.space = 10; //每次移动像素(单位px,越大越快)
scrollPic1.autoPlay = false; //自动播放
scrollPic1.autoPlayTime = 3; //自动播放间隔时间(秒)
scrollPic1.initialize(); //初始化圆亮桥
// 左右点击滚动结束
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |