更多操作
创建页面,内容为“→这里的任何JavaScript将为所有用户在每次页面加载时加载。: →用于信息栏折叠面板: var infoboxtitle = document.getElementById('infobox-toggleTitle'); var infoboxcontent = document.getElementById('infobox-content'); infoboxtitle.addEventListener('click', function() { if (infoboxcontent.style.display === 'table') { infoboxcontent.style.display = 'none'; } if (infoboxcontent.style.display === 'none') {…” |
小无编辑摘要 |
||
(未显示同一用户的13个中间版本) | |||
第1行: | 第1行: | ||
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | /* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ | ||
/* 用于信息栏折叠面板 */ | /* 用于信息栏折叠面板 */ | ||
var infoboxtitle = document.getElementById('infobox-toggleTitle'); | /*window.onload = function () { | ||
var infoboxtitle = document.getElementById('infobox-toggleTitle'); | |||
var infoboxcontent = document.getElementById('infobox-content'); | var infoboxcontent = document.getElementById('infobox-content'); | ||
infoboxtitle.addEventListener('click', function() { | infoboxtitle.addEventListener('click', function() { | ||
(infoboxcontent.style.display === 'table') ? 'none' : 'table'; | |||
}); | }); | ||
};*/ | |||
$(document).ready(function(){ | |||
$("#infobox-toggleTitle").click(function(){ | |||
$("#infobox-content").toggle(100); | |||
if ($("#infobox-arrow").hasClass('infobox-rotate')) { | |||
$("#infobox-arrow").removeClass('infobox-rotate'); | |||
} else { | |||
$("#infobox-arrow").addClass('infobox-rotate'); | |||
} | |||
}); | |||
}); | |||
/*用于帧数条横向滚动*/ | |||
const inner = document.querySelector('.frameChart-back'); | |||
inner.addEventListener('wheel', event => { | |||
const { scrollLeft, scrollWidth, clientWidth } = inner; | |||
const { deltaY } = event; | |||
const maxScrollLeft = scrollWidth - clientWidth; | |||
const left = inner.scrollLeft + event.deltaY; | |||
if ((deltaY < 0 && left >= 0) || (deltaY > 0 && left <= maxScrollLeft)) { | |||
event.preventDefault(); | |||
} | |||
// event.preventDefault(); | |||
inner.scrollLeft = left; | |||
}); |
2024年12月24日 (二) 15:00的最新版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */
/* 用于信息栏折叠面板 */
/*window.onload = function () {
var infoboxtitle = document.getElementById('infobox-toggleTitle');
var infoboxcontent = document.getElementById('infobox-content');
infoboxtitle.addEventListener('click', function() {
(infoboxcontent.style.display === 'table') ? 'none' : 'table';
});
};*/
$(document).ready(function(){
$("#infobox-toggleTitle").click(function(){
$("#infobox-content").toggle(100);
if ($("#infobox-arrow").hasClass('infobox-rotate')) {
$("#infobox-arrow").removeClass('infobox-rotate');
} else {
$("#infobox-arrow").addClass('infobox-rotate');
}
});
});
/*用于帧数条横向滚动*/
const inner = document.querySelector('.frameChart-back');
inner.addEventListener('wheel', event => {
const { scrollLeft, scrollWidth, clientWidth } = inner;
const { deltaY } = event;
const maxScrollLeft = scrollWidth - clientWidth;
const left = inner.scrollLeft + event.deltaY;
if ((deltaY < 0 && left >= 0) || (deltaY > 0 && left <= maxScrollLeft)) {
event.preventDefault();
}
// event.preventDefault();
inner.scrollLeft = left;
});