cve 浮动提示

Hunter_ht/hunter/static/hunter/style.css

@@ -111,6 +111,7 @@ nav{
     position: fixed;
     /*border-bottom: solid 1px #e3e6e8;*/
     background:white;
+    z-index: 9999;
 }
 
 section{
@@ -320,7 +321,7 @@ nav>div{
     /*float: right !important;*/
 }
 
-.wrap ul:hover{
+.wrap ul>li:hover{
     background: #ddd;
     border-radius: 5px;
 }
@@ -408,7 +409,27 @@ blockquote>p{
     display: block;
     line-height: 30px;
     float:left;
+    width: 150px;
+}
+.wrap ul>li{
+    position:relative;
 }
+.float-tips{
+    width:150px;
+    height:auto;
+    position:absolute;
+    background-color: white;
+}
+#mytitle {
+        position: absolute;
+        color: #ffffff;
+        max-width: 160px;
+        font-size: 14px;
+        padding: 4px;
+        background: rgba(40, 40, 40, 0.8);
+        border: solid 1px #e9f7f6;
+        border-radius:5px;
+    }
 ul:after{
     content:".";
     clear:both;
@@ -433,7 +454,6 @@ ul:after{
 }
 .wrap ul>li>a:hover{
     color: #3c7fe2;
-    font-size:18px;
 }
 .small_text{
     font-size: 14px;

Hunter_ht/hunter/templates/hunter/index.html

@@ -222,20 +222,14 @@
     <div class="wrap">
         {% for year, cves in cve_year_list.items %}
         <blockquote ><p>{{ year }}</p></blockquote>
+        <ul>
         {% if cves %}
-
             {% for cve in cves %}
-                <ul>
-                    <li class="cve_big_text"><a href="{{ cve.url }}" target="_blank">{{ cve.identifier }}</a></li>
+                    <li class="cve_big_text float-tips"  title="软件：{{ cve.software }}<br>漏洞类型：{{ cve.bugType }}"><a href="{{ cve.url }}" target="_blank">{{ cve.identifier }}</a></li>
 
-                    <li class="li_right">{{ cve.datetime }}</li>
-                    <li class="li_right">{{ cve.software }}</li>
-                    <li class="li_right">{{ cve.bugType }}</li>
-                    <li class="li_long li_small_text">{{ cve.description }}</li>
-                </ul>
             {% endfor %}
-
         {% endif %}
+        </ul>
         {% endfor %}
     </div>
 
@@ -278,16 +272,6 @@
 
 
 
-
-<section>
-    {% if bug_list %}
-        <ul>
-        {% for bug in bug_list %}
-            <li><a href="{{ bug.url }}" target="_blank">{{ bug.identifier }}</a></li>
-        {% endfor %}
-        </ul>
-    {% endif %}
-</section>
 <footer>
     <div class="w-1000 copyright">
      Copyright © 2013-2020    <strong><a href="//www.hunter-ht.cn/" target="_blank">野旷天低树天清月近人</a></strong>&nbsp;
@@ -311,6 +295,28 @@
             hide_log();
         }
     };
+    $(function () {
+        var x = 10;
+        var y = 20;
+        var newtitle = '';
+        $('.float-tips').mouseover(function (e) {
+            newtitle = this.title;
+            this.title = '';
+            $('body').append('<div id="mytitle" >' + newtitle + '</div>');
+            $('#mytitle').css({
+                'left': (e.pageX + x + 'px'),
+                'top': (e.pageY + y - 80 + 'px')
+            }).show();
+        }).mouseout(function () {
+            this.title = newtitle;
+            $('#mytitle').remove();
+        }).mousemove(function (e) {
+            $('#mytitle').css({
+                'left': (e.pageX + x +10 + 'px'),
+                'top': (e.pageY + y - 60 + 'px')
+            }).show();
+        })
+    });
 
     function show_former(){