<div style=”width:100%; padding:0 0 8px; box-sizing:border-box; display:flex; align-items:center; gap:8px;”>
<div style=”width:3px; height:20px; background:linear-gradient(180deg,#2563eb,#1d4ed8); border-radius:2px;”></div>
<div style=”font-size:18px; font-weight:600; color:#1e293b;”>网站公告 · Announcement</div>
<div style=”flex:1; height:1px; background:linear-gradient(90deg,#e2e8f0,transparent);”></div>
</div>
<!– 📢 最小版折叠公告 –>
<div id=”noticeWrapper” style=”width:100%; margin:0; padding:0; box-sizing:border-box;”>
<div style=”background:#ffffff; border-radius:12px; box-shadow:0 2px 8px rgba(37,99,235,0.08); overflow:hidden;”>
<div id=”currentNotice” style=”background:linear-gradient(90deg,#2563eb,#1d4ed8); color:#fff; padding:6px 10px; display:flex; align-items:center; justify-content:space-between; cursor:pointer;” onclick=”toggleHistory()”>
<div style=”display:flex; align-items:center; gap:6px;”>
<span style=”font-size:12px;”>📢</span>
<div style=”font-size:12px; font-weight:500;”>新用户24小时内联系站长领会员 · 开通8折</div>
</div>
<div style=”display:flex; align-items:center; gap:8px;”>
<span id=”toggleText” style=”font-size:10px; background:rgba(255,255,255,0.25); padding:1px 6px; border-radius:10px;”>历史</span>
<button onclick=”event.stopPropagation(); document.getElementById(‘noticeWrapper’).style.display=’none'” style=”background:none; border:none; color:#fff; font-size:14px; cursor:pointer; line-height:1;”>×</button>
</div>
</div>
<div id=”historyNotice” style=”max-height:0; overflow:hidden; transition:max-height 0.4s ease; padding:0 10px; background:#f8fafc;”>
<div style=”padding:8px 0; border-bottom:1px solid #e2e8f0;”>
<a href=” ” style=”text-decoration:none; color:inherit; display:block;”>
<div style=”font-size:12px; color:#1e293b; font-weight:500;”>[03-23] 新增AI矩阵智能体实战课程</div>
<div style=”font-size:11px; color:#64748b; margin-top:2px;”>100个数字员工批量生产内容，文本知识库+工作流自动化全搞定</div>
</a >
</div>
<div style=”padding:8px 0;”></div>
</div>
</div>
</div>
<script>
function toggleHistory() {
const history = document.getElementById(‘historyNotice’);
const text = document.getElementById(‘toggleText’);
if (history.style.maxHeight === ‘0px’ || !history.style.maxHeight) {
history.style.maxHeight = history.scrollHeight + ‘px’;
text.textContent = ‘收起’;
} else {
history.style.maxHeight = ‘0px’;
text.textContent = ‘历史’;
}
}
</script>
声明： 本站内容均转载于互联网，并不代表MJ轻创网立场！
如若本站内容侵犯了原著者的合法权益，可联系我们进行处理！
