<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.warp{
width:100%;
height:800px;
background:black;
}
div{
width: 276px;
height: 368px;
position: absolute;
}
a{
width: 100px;
height: 100px;
cursor: pointer;
list-style: none;
position: absolute;
top:400px;left:500px;
}
.dp1{
background:url(img/dp1.png) no-repeat;
}
.dp2{
background:url(img/dp2.png) no-repeat;
}
.on{
background:url(img/on.png) no-repeat;
}
.off{
background:url(img/off.png) no-repeat;
display: block;
}
.show{
display: block;
}
.hide{
display: none;
}
</style>
<script type="text/javascript">
function toggle(){
var oDiv=document.getElementById("dp");
if(oDiv.getAttribute("class"=="c0")){
oDiv.setAttribute("class","c1");
btn.setAttribute("class","on");
}
else{
oDiv.setAttribute("class","c0");
btn.setAttribute("class","off");
}
}
</script>
</head>
<body>
<div class="warp">
<div id="dp" class="dp2"></div>
<a id="dp" class="off" onclick="toggle()"></a>
</div>
</body>
</html>
JS求修改 off on 不知道为什么没有效果 说没定义 直接答案谢谢
答案:2 悬赏:20 手机版
解决时间 2021-02-25 10:49
- 提问者网友:绫月
- 2021-02-24 14:20
最佳答案
- 五星知识达人网友:夜风逐马
- 2021-02-24 15:34
兄弟,弱弱的问一句:
function toggle(){
var oDiv=document.getElementById("dp");
if(oDiv.getAttribute("class"=="c0")){
oDiv.setAttribute("class","c1");
btn.setAttribute("class","on");
}
else{
oDiv.setAttribute("class","c0");
btn.setAttribute("class","off");
}
}btn这玩意凭空?
function toggle(){
var oDiv=document.getElementById("dp");
if(oDiv.getAttribute("class"=="c0")){
oDiv.setAttribute("class","c1");
btn.setAttribute("class","on");
}
else{
oDiv.setAttribute("class","c0");
btn.setAttribute("class","off");
}
}btn这玩意凭空?
全部回答
- 1楼网友:往事埋风中
- 2021-02-24 16:21
可以私聊我~
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯