<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>无缝滚动——左右</title>
<style type="text/css">
#scroll{width:698px;height:108px;margin:50px auto 0;position:relative;overflow:hidden;}
.btn_left{display:block;width:68px;height:68px;position:absolute;top:20px;left:1px;z-index:1;}
.btn_right{display:block;width:68px;height:68px;position:absolute;top:20px;right:0;z-index:1;}
#scroll .content{width:546px;height:108px;position:absolute;overflow:hidden;margin:0 auto;}
.content img{float:left;width:182px;height:108px;text-align:center;position:relative;}
</style>
</head>
<body>
<div id="scroll">
<a href="javascript:;" class="btn_left"><</a>
<a href="javascript:;" class="btn_right">></a>
<div class="con
js实现无缝滚动,点击可实现左右滚动
最新推荐文章于 2024-04-28 18:13:10 发布