admin/lx-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

动画效果添加

Browse Source
This commit is contained in:
123 2025-04-28 16:13:25 +08:00
parent a237e92061
commit 69686ffd06
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
templates/default_v2/inc/header.html
View File

@ -2,7 +2,14 @@
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<style>
/* 自定义容器样式 */
.slide-box {
/* 初始隐藏（非必须，用于延迟动画场景） */
opacity: 0;
}
</style>
<div id="header" class="min_wrapper_1200">
<div class="pull-left">
<span class="item">
@ -30,7 +37,7 @@
<img src="{dreamer-cms:template /}images/logo1.png" title="{dreamer-cms:global name="title"/}" alt="{dreamer-cms:global name="title"/}">
</a>
<div style="width: 500px;position: relative;
<div class="slide-box animate__animated animate__slideInLeft" style="width: 500px;position: relative;
top: -60px;left:120px"><span style="width: 1000px;font-size: 20px;font-family:微软雅黑 ;">龙翔（山东）工程咨询管理有限公司</span></div>
</div>
@ -107,4 +114,11 @@
jQuery(".itemn").click(function(){
window.location.href = jQuery(this).attr("url")
})
window.addEventListener('load', () => {
const box = document.querySelector('.slide-box');
setTimeout(() => box.style.opacity = 1, 50);
});
</script>
</script>