感谢您的支持,我会继续努力的!
打开微信扫一扫,即可进行扫码打赏哦
点我查看本站打赏源码!
Powered by RUNCODEX.COM,学的不仅是技术,更是梦想!!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lunbo</title>
<style type="text/css">
div{
width:300px;
height:300px;
border:none;
position:absolute;
border-radius:50px;
left:300px;
top:200px;
text-align:center;
line-height:300px;
font-size: 200px;
}
#box1{
background:red;
display:block;
#box2{
background:green;
display:none;
#box3{
background:blue;
#box4{
background:yellow;
#box5{
background:orange;
</style>
</head>
<body>
<div id="box1">你</div>
<div id="box2">是</div>
<div id="box3">大</div>
<div id="box4">智</div>
<div id="box5">障</div>
<button id="up" onclick="up()">上一页</button>
<button id="down" onclick="down()">下一页</button>
<script type="text/javascript">
var times = 0;
function down()
{
if(times == 5)
times = 0;
for(var i = 0;i<5;i++)
var pic = document.getElementsByTagName("div")[i];
if(times == i)
pic.style.display = "block";
else
pic.style.display = "none";
times++;
function up()
if(times == 0)
times = 5;
for(var i = 5;i>0;i--)
function auto()
</script>
</body>
</html>
输入 JavaScript 代码……
xxxxxxxxxx
输入 CSS 代码……