*{
margin: 0;
padding: 0;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
div{
position: absolute;
width: 300px;
height: 400px;
background-color: rgb(254, 194, 116);
left: 470px;
top: 34px;
}
p{
text-indent: 2em;
padding: 0 6px;
font-size: 14px;
font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
line-height: 23px;
}
img{
width: 20px;
height: 20px;
margin-top: 448px;
cursor:pointer;
}
button{
width: 20px;
height: 20px;
border-color: gray;
border-width: 1px;
border-radius: 10px;
cursor:pointer;
}
有一天,天热极了。唐僧、孙悟空、猪八戒、沙和尚他们走得又累又渴,孙悟空说:“你们在这儿歇一会儿,我去摘点水果来给大家解解渴。”猪八戒连忙说:“太好了猴哥,真的能吃水果吗?要不然我跟你一块去,我也去!”他想:跟了孙悟空去,能早点吃到水果,还可多吃几个。
猪八戒跟着孙悟空,走呀,走呀,走了许多路,连个小酸梨也没找着。他心里不高兴了,就哎哟哎哟的叫起来。
孙悟空知道猪八戒偷懒,不去理他,就一个跟头翻到南海去摘水果了。
猪八戒,找了一棵大树下,正想睡一觉,忽然看见树旁边有一个绿油油的东西,走过去一看,哈哈,原来是个大西瓜!
var img=document.getElementsByTagName("img")
var div=document.getElementsByTagName("div")
var btn=document.getElementsByTagName("button")
//记录当前显示页
function fn(){
var page
for(var i=0;i<4;i++){
if(div[i].style.display!="none")
page=i
}
return page
}
//前翻页
img[0].οnclick=function(){
var page=fn()
if(page!=0){
div[page].style.display="none"
div[page-1].style.display="block"
}
}
//后翻页
img[1].οnclick=function(){
var page=fn()
if(page!=3){
div[page].style.display="none"
div[page+1].style.display="block"
}
}
btn[0].οnclick=function(){
for(var j=0;j<4;j++){
div[j].style.backgroundColor=btn[0].style.backgroundColor
}
}
btn[1].οnclick=function(){
for(var j=0;j<4;j++){
div[j].style.backgroundColor=btn[1].style.backgroundColor
}
}
btn[2].οnclick=function(){
for(var j=0;j<4;j++){
div[j].style.backgroundColor=btn[2].style.backgroundColor
}
}
QQ录屏20221127153622