JeeGit 官方论坛

找回密码
立即注册
搜索
热搜: 活动 交友 discuz
JeeGit 官方论坛»论坛 › 灌水专区 › 灌水专区 › 如何快速追增一个菜单
发新帖
admin

1

收听

0

听众

192

主题

如何快速追增一个菜单

发表于 2022-10-24 15:40:45 | 查看: 1007| 回复: 2
如何快速追增一个菜单


参考代码：



  2. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339986, '旋转缩放等操作', 1581854180384014337, 260, '260', 'openlayer/260', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');




  7. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339987, '间谍层Layer Spy', 1581854180384014337, 270, '270', 'openlayer/270', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');




  12. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339988, '选择元素', 1581854180384014337, 280, '280', 'openlayer/280', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');



  16. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339989, '地图加载事件', 1581854180384014337, 290, '290', 'openlayer/290', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');




  21. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339990, '矢量被选中', 1581854180384014337, 300, '300', 'openlayer/300', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');




  26. INSERT INTO "sys_menu" ("menu_id", "menu_name", "parent_id", "order_num", "path", "component", "query_param", "is_frame", "is_cache", "menu_type", "visible", "status", "perms", "icon", "create_by", "create_time", "update_by", "update_time", "remark") VALUES (1582179865614339991, '动画显示', 1581854180384014337, 310, '310', 'openlayer/310', '', '1', '0', 'C', '0', '0', NULL, 'star', 'admin', '2022-10-18 08:41:04', 'admin', '2022-10-18 11:31:52.846', '');
复制代码
发表于 2022-11-16 12:37:45
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <title>Move mouse pointer</title>
  6.     <style>
  7.         * {
  8.             cursor: none;
  9.         }
  10.         .block{
  11.             display: flex;
  12.             justify-content: space-between;
  13.         }
  14.         img {
  15.             pointer-events: none;
  16.             position: absolute;
  17.         }
  18.     </style>
  19. </head>

  21. <body>
  22.     <img id="cursor" src="./mouse_cursor.png" width="16" height="22" />

  24.     <div class="block">
  25.         <button id="btn1">Button 1</button>
  26.         <button id="btn2">Button 2</button>
  27.     </div>

  29.        
  30.         <script>
  31. var x=20;
  32. var y=7;
  33. let cursor = document.getElementById("cursor");
  34. let btn1 = document.getElementById("btn1");
  35. let btn2 = document.getElementById("btn2");

  37. let rect = btn2.getBoundingClientRect();
  38. let finalPositionX = rect.left + rect.width/2;
  39. let finalPositionY = rect.top + rect.height/2;


  42. window.addEventListener("mousemove", (e) => {
  43. x = e.clientX;
  44. y = e.clientY;

  46. cursor.style.left = x + "px";
  47. cursor.style.top = y + "px";
  48. });

  50. btn1.addEventListener("mouseup", (e) => {

  52. console.log(cursor.style.left);
  53. console.log(cursor.style.top );
  54. console.log(finalPositionX);
  55. console.log(finalPositionY );
  56.                         setInterval(function () {
  57.                         x=x+1;
  58.                         y=y+1;
  59.                         cursor.style.left = x + "px";
  60.                         cursor.style.top = y + "px";
  61.             },10)


  64. })
  65.         </script>
  66. </body>
  67. </html>
复制代码

回复 显示全部楼层 道具 举报

发表于 2022-11-16 20:43:01
  1.   var ckname=('ck'+(currentIndex+1)+(that.questions[currentIndex].scoresAnswer));
  2.                                     



  6.   $.each(that.questions,function(index,value){
  7.                             setInterval(function () {
  8.                                      var ckname=('ck'+(index+1)+(value.id));
  9.                                      console.log($("input[name='"+ckname+"'").offset().left)
  10.                                       console.log($("input[name='"+ckname+"'").offset().top)
  11.                                  cursor.style.left = $("input[name='"+ckname+"'").offset().left+"px";
  12.                                          cursor.style.top =  $("input[name='"+ckname+"'").offset().top+"px";
  13.                              $("input[name='"+ckname+"'").eq(value.scoresAnswer).attr("checked",'true');
  14.                                  x=x+80;
  15.                                         y=y+20;
  16.                                         cursor.style.left = x + "px";
  17.                                         cursor.style.top = y + "px";
  18.                            
  19.                             },1000)
  20.                        
  21.                     });
  22.                                        
  23.                                        
  24.                                          $.each(that.questions,function(index,value){
  25.                             setInterval(function () {
  26.                                      var ckname=('ck'+(index+1)+(value.id));
  27.                                      console.log($("input[name='"+ckname+"'").offset().left)
  28.                                      console.log($("input[name='"+ckname+"'").offset().top)
  29.                                   cursor.style.left = $("input[name='"+ckname+"'").offset().left+"px";
  30.                                           cursor.style.top =  $("input[name='"+ckname+"'").offset().top+"px";
  31.                              $("input[name='"+ckname+"'").eq(value.scoresAnswer).attr("checked",'true');
  32.                              var $wrapper = $('#slimtest4');     // 父级容器
  33.                                                   var $target =$("input[name='"+ckname+"'");    // 目标元素
  34.                                                   $wrapper.scrollTop($target.offset().top - $wrapper.offset().top + $wrapper.scrollTop()-150)
  35.                                          $("#slimtest4").perfectScrollbar('update');
  36.                             },1000);
  37.                        
  38.                     });
  39.                                        
  40.                                        
  41.                                        
  42.                                         setTimeout(function() {
  43.                                                 $('#slimtest4').scrollTop(0);
  44.                                 }, 500);
  45.                                        
  46.                                        
  47.                                        
  48.                                        
  49.                                        
  50.                                        
  51.                                        
  52.                                        
  53.                                 var ckLength=that.questions.length;
  54.                                         var cursor = document.getElementById("cursor");
  55.                     var currentIndex=1;
  56.                     var interval=setInterval(function () {
  57.                                                 var $target =$('#ck'+currentIndex);    // 目标元素
  58.                                                 $wrapper.scrollTop($target.offset().top - $wrapper.offset().top + $wrapper.scrollTop()-150)
  59.                                                 currentIndex=currentIndex+1;
  60.                                                
  61.                                                 if(currentIndex>ckLength){
  62.                                                         clearInterval(interval );
  63.                                                 }
  64.                                                  
  65.                             var finalPositionX = $target.left ;
  66.                             var finalPositionY = $target.top ;
  67.                             cursor.style.left =  finalPositionX+"px";
  68.                                         cursor.style.top =  finalPositionY+"px";
  69.                                },1000);




















  90.        var cursor = document.getElementById("cursor");
  91.                     var btn2 = document.getElementById("ck1");
  92.                     var rect = btn2.getBoundingClientRect();
  93.                     var finalPositionX = rect.left ;
  94.                     var finalPositionY = rect.top ;
  95.                   
  96.                                 cursor.style.left =  finalPositionX+"px";
  97.                                 cursor.style.top =  finalPositionY+"px";


  100.                                        
  101.                                        
  102.                                        
  103.                                        
  104.                                        
  105.                                        
复制代码

回复 显示全部楼层 道具 举报

返回列表
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

QQ|Archiver|手机版|小黑屋|JeeGit 官方论坛 ( 吉ICP备19001578号-2|吉B2-20200006 )

GMT+8, 2024-4-26 09:25 , Processed in 0.033169 second(s), 17 queries .

Powered by Discuz! X3.5

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表