前端!请写一个简单的幻灯效果页面，不使用JS来完成怎么做
2个回答
展开全部
<!doctype html>
<html>
<head>
<style>
img {
display: none;
width: 100px;
height: 100px;
}
input:checked + img {
display: block;
}
input {
position: absolute;
left: -9999px;
}
label {
cursor: pointer;
}
</style>
</head>
<body>
<div id="cont">
<input id="img1" name="img" type="radio" checked="checked">
<img src="a.png">
<input id="img2" name="img" type="radio">
<img src="b.png">
</div>
<div id="nav">
<label for="img1">第一张</label>
<label for="img2">第二张</label>
</div>
</body>
</html>
可以这样写，但是不能支持所有浏览器。
如果想支持所有浏览器，就需要使用js了。
更多追问追答
追问
可以耶~请问你还知道其他的方法吗！？
追答
还有用hash的方法。
就是利用地址后面的#abc。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
还可以用FLASH来做，不过那样的话图片就是固定不可换的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
