当单击上一页或下一页时,可以实现图像的走马灯效果,演示如下:
具体代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
body{
background: white;
}
#first{
position: relative;
top: 170px;
left: 30%
}
#second{
position: relative;
top: -60px;
right: 545px;
z-index: -1;
}
.picf{
position: relative;