注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?a36d9092b969b1e9fed3767af393f04d";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
/*剧透按钮*/
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)
}
}
}