tijiao
This commit is contained in:
@@ -106,7 +106,7 @@ function bf_list() {
|
||||
margin-top:0;
|
||||
}
|
||||
.article_ .alls_issue>div{
|
||||
overflow: hidden !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
.article_ .alls_issue>div>ul li{
|
||||
margin-right:29px !important;
|
||||
@@ -141,6 +141,9 @@ function bf_list() {
|
||||
.footer .daohang{
|
||||
padding-bottom:30px;
|
||||
}
|
||||
.article_ .alls_issue>div>ul li:last-child{
|
||||
margin-right:0 !important;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
if (Jour_num == 1) {
|
||||
@@ -156,7 +159,7 @@ function bf_list() {
|
||||
|
||||
var arr_stage = result.data.journalStage;
|
||||
var str = "";
|
||||
for (var i = 0; i < result.data.journalStage.length && i < 4; i++) {
|
||||
for (var i = 0; i < result.data.journalStage.length; i++) {
|
||||
if (arr_stage[i].stage_no == "0") {
|
||||
var iss_ = "";
|
||||
} else {
|
||||
@@ -207,6 +210,114 @@ function bf_list() {
|
||||
}
|
||||
$(".alls_issue>div>ul").html(str);
|
||||
$(".alls_issue>a").attr("href", "stages.html?J_num=" + Jour_num);
|
||||
(function() {
|
||||
const section = document.querySelector('#Archiving');
|
||||
const container = section.querySelector('div:not(.more)');
|
||||
const wrapper = container.querySelector('ul');
|
||||
const items = wrapper.querySelectorAll('li');
|
||||
if (!items.length) return;
|
||||
|
||||
// 1. 强制布局
|
||||
section.style.position = 'relative';
|
||||
container.style.position = 'relative';
|
||||
container.style.overflowX = 'hidden';
|
||||
container.style.scrollBehavior = 'smooth';
|
||||
|
||||
const getStep = () => {
|
||||
const itemWidth = items[0].getBoundingClientRect().width;
|
||||
const marginRight = parseFloat(window.getComputedStyle(items[0]).marginRight || 0);
|
||||
return (itemWidth + marginRight) * 4;
|
||||
};
|
||||
|
||||
// 2. 创建按钮
|
||||
function createFixedBtn(id, isRight) {
|
||||
let btn = document.getElementById(id);
|
||||
if (btn) btn.remove();
|
||||
|
||||
btn = document.createElement('div');
|
||||
btn.id = id;
|
||||
btn.innerHTML = isRight ? '❯' : '❮';
|
||||
|
||||
Object.assign(btn.style, {
|
||||
position: 'absolute',
|
||||
top: 'calc(50% + 20px)',
|
||||
transform: 'translateY(-50%)',
|
||||
[isRight ? 'right' : 'left']: 'calc(50% - 551px + 5px)',
|
||||
width: '40px',
|
||||
height: '40px',
|
||||
backgroundColor: 'rgba(255, 255, 255, 0.9)',
|
||||
color: '#006699',
|
||||
borderRadius: '50%',
|
||||
display: 'flex',
|
||||
opacity: '0',
|
||||
visibility: 'hidden',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
cursor: 'pointer',
|
||||
zIndex: '10000',
|
||||
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
|
||||
transition: 'opacity 0.3s ease, visibility 0.3s, transform 0.2s',
|
||||
fontSize: '20px',
|
||||
fontWeight: 'bold',
|
||||
userSelect: 'none'
|
||||
});
|
||||
|
||||
btn.onmouseenter = () => {
|
||||
btn.style.transform = 'translateY(-50%) scale(1.1)';
|
||||
btn.style.backgroundColor = '#006699';
|
||||
btn.style.color = '#fff';
|
||||
};
|
||||
btn.onmouseleave = () => {
|
||||
btn.style.transform = 'translateY(-50%) scale(1)';
|
||||
btn.style.backgroundColor = 'rgba(255, 255, 255, 0.9)';
|
||||
btn.style.color = '#006699';
|
||||
};
|
||||
|
||||
section.appendChild(btn);
|
||||
return btn;
|
||||
}
|
||||
|
||||
const arrowL = createFixedBtn('fixed-L', false);
|
||||
const arrowR = createFixedBtn('fixed-R', true);
|
||||
|
||||
// --- 核心改动:监听目标由 section 改为 container ---
|
||||
// 只有当鼠标进入封面滚动区域时,按钮才会出现
|
||||
container.onmouseenter = () => {
|
||||
arrowL.style.opacity = '1';
|
||||
arrowL.style.visibility = 'visible';
|
||||
arrowR.style.opacity = '1';
|
||||
arrowR.style.visibility = 'visible';
|
||||
};
|
||||
|
||||
// 当鼠标离开封面区域(比如移向标题或页面其他地方),按钮消失
|
||||
container.onmouseleave = () => {
|
||||
arrowL.style.opacity = '0';
|
||||
arrowL.style.visibility = 'hidden';
|
||||
arrowR.style.opacity = '0';
|
||||
arrowR.style.visibility = 'hidden';
|
||||
};
|
||||
|
||||
// 同时也需要让鼠标移动到按钮自身上时保持显示(防止闪烁)
|
||||
[arrowL, arrowR].forEach(btn => {
|
||||
btn.addEventListener('mouseenter', () => {
|
||||
btn.style.opacity = '1';
|
||||
btn.style.visibility = 'visible';
|
||||
});
|
||||
});
|
||||
|
||||
// 滚动逻辑
|
||||
arrowR.onclick = (e) => {
|
||||
e.stopPropagation();
|
||||
container.scrollLeft += getStep();
|
||||
};
|
||||
|
||||
arrowL.onclick = (e) => {
|
||||
e.stopPropagation();
|
||||
container.scrollLeft -= getStep();
|
||||
};
|
||||
|
||||
console.log("挂载成功:现在只有移入封面区域(div)时,按钮才会显示。");
|
||||
})();
|
||||
} else {
|
||||
// ShowDanger("请求失败!");
|
||||
}
|
||||
@@ -2357,7 +2468,7 @@ function initJournalBaseInfo(result) {
|
||||
apcUrl = `https://www.tmrjournals.com/mdm/apc`;
|
||||
break;
|
||||
case 14:
|
||||
CiteScore = "0.8";
|
||||
CiteScore = "0.9";
|
||||
break;
|
||||
case 2:
|
||||
case 17:
|
||||
|
||||
@@ -220,7 +220,7 @@ function commonHomePage() {
|
||||
break;
|
||||
|
||||
case 14:
|
||||
CiteScore = '0.8'
|
||||
CiteScore = '0.9'
|
||||
Published = '2018'
|
||||
break;
|
||||
case 11:
|
||||
|
||||
Reference in New Issue
Block a user