基于jquery实现点击左右按钮图片横向滚动

2020-05-17 06:24:15易采站长站整理

if(page == 1){
v_show.animate({left:’-=’+ v_width*(page_count-1)},”slow”);
page =page_count;
}else{
v_show.animate({left:’+=’+ v_width},”slow”);
page–;
}
}
});
});
</script>
</head>
<body>
<!– 例子 –>
<div class=”scroll” style=”margin:0 auto;width:550px;”>
<!– “prev page” link –>
<a class=”prev” href=”#”></a>
<div class=”box”>
<div class=”scroll_list”>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
</ul>
</div>
</div>
<!– “next page” link –>
<a class=”next” href=”#”></a>
</div>
</body>
</html>