logo,页面1

525592b2 · zhangyudan · c670898f · 525592b2 · 525592b2 · 525592b2
Commit 525592b2 authored Nov 09, 2023 by zhangyudan
Show whitespace changes
Inline Side-by-side

Showing with 97 additions and 0 deletions

jcqy_nwq.html jcqy_nwq.html +77 -0

innerLogo.png static/images/innerLogo.png +0 -0

rem.js static/js/rem.js +20 -0

No files found.
--- a/jcqy_nwq.html
+++ b/jcqy_nwq.html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <title>上海市人民检察院</title>
+
+    <link rel="stylesheet" href="static/css/common.css">
+
+</head>
+<style type="text/css">
+    /* 鼠标悬停时显示的tooltip样式 */
+    
+    .tooltip {
+        position: absolute;
+        background-color: #333;
+        color: #fff;
+        padding: 5px;
+        border-radius: 5px;
+        display: none;
+        /* 初始时隐藏 */
+    }
+</style>
+
+
+<body>
+    <header class="header"></header>
+
+</body>
+
+<script src="static/js/jquery-1.8.1.min.js" type=text/javascript></script>
+<!-- <script src="static/js/flexible.js"></script> -->
+<script src="static/js/rem.js"></script>
+<script type="text/javascript">
+    $(function() {});
+
+    function handleClick(areaNumber) {
+        // 根据不同的区域执行不同的操作
+        switch (areaNumber) {
+            case 1:
+                alert("点击了区域 1");
+                // 执行区域 1 的操作
+                break;
+            case 2:
+                alert("点击了区域 2");
+                // 执行区域 2 的操作
+                break;
+                // 添加更多的 case 语句处理其他区域
+        }
+    }
+
+    function showTooltip(event, content) {
+        // 获取tooltip元素
+        var tooltip = document.getElementById("tooltip");
+
+        // 设置tooltip的内容
+        tooltip.innerHTML = content;
+
+        // 设置tooltip的位置
+        tooltip.style.left = event.pageX + "px";
+        tooltip.style.top = event.pageY + "px";
+
+        // 显示tooltip
+        tooltip.style.display = "block";
+    }
+
+    function hideTooltip() {
+        // 隐藏tooltip
+        var tooltip = document.getElementById("tooltip");
+        tooltip.style.display = "none";
+    }
+</script>
+
+</html>
\ No newline at end of file
--- a/static/images/innerLogo.png
+++ b/static/images/innerLogo.png
--- a/static/js/rem.js
+++ b/static/js/rem.js
+(function(doc, win) {
+    console.log(doc, win)
+    var docEl = doc.documentElement,
+        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
+        recalc = function() {
+            var clientWidth = docEl.clientWidth;
+            //console.log(clientWidth)
+            if (!clientWidth) return;
+            if (clientWidth >= 1920) {
+                docEl.style.fontSize = '100px';
+            } else {
+                docEl.style.fontSize = 100 * (clientWidth / 1920) + 'px';
+            }
+        };
+
+    if (!doc.addEventListener) return;
+    win.addEventListener(resizeEvt, recalc, false);
+    doc.addEventListener('DOMContentLoaded', recalc, false);
+})(document, window);
\ No newline at end of file