添加的内容 删除的内容
imported>Wr 无编辑摘要 |
imported>Sonicth0623 (已经不重要了) |
||
第1行: | 第1行: | ||
/*剧透按钮*/ |
|||
var spofr = document.getElementById('spoiler'); //内容大框 |
|||
var spo = document.getElementById('spoilercon'); //剧透内容 |
|||
var spobut = document.getElementById('spoilerbut'); //剧透按钮 |
|||
/*检测显示或隐藏状态,并交给按钮显示*/ |
|||
if (spo.style.display == 'block') { |
|||
var sposta = 'block'; |
|||
spobut.innerHTML = "隐藏" |
|||
} else { |
|||
var sposta = 'none'; |
|||
spobut.innerHTML = "显示" |
|||
} |
|||
var spoheight = spo.clientHeight; //检测高度 |
|||
var spostartclick //定义检测按钮是否在执行过程被重复按下 |
|||
spobut.onclick = function() { |
|||
/*检测是否重复点击*/ |
|||
if (spostartclick == true) { |
|||
console.log('用户重复点击按钮') |
|||
} else { |
|||
spostartclick = true; //禁止重复点击 |
|||
/*隐藏或显示*/ |
|||
if (sposta == 'block') { |
|||
spofr.style.overflow = 'hidden' |
|||
spofr.style.maxHeight = '21px' |
|||
spo.style.opacity = '0'; |
|||
spobut.innerHTML = "显示" |
|||
setTimeout( |
|||
function() { |
|||
spo.style.display = 'none'; |
|||
sposta = "none"; |
|||
spostartclick = false //可以点击 |
|||
}, 1000) |
|||
} else { |
|||
spo.style.display = 'block'; |
|||
sposta = 'block'; |
|||
spobut.innerHTML = "隐藏" |
|||
spofr.style.maxHeight = (spo.clientHeight + 37 + 'px'); |
|||
spo.style.opacity = '100'; |
|||
setTimeout(function() { |
|||
spostartclick = false; //可以点击 |
|||
}, 1000) |
|||
} |
|||
} |
|||
} |