枫谷剑仙
7 years ago
5 changed files with 278 additions and 194 deletions
Split View
Diff Options
-
+62 -7index.html
-
+20 -5script.js
-
+159 -0style-monsterimages.css
-
+37 -173style.css
-
+0 -9universal_function.js
+ 62
- 7
index.html
View File
| @@ -4,13 +4,14 @@ | |||
| <meta charset="utf-8"> | |||
| <title>智龙迷城车队阵型图制作</title> | |||
| <link href="style.css" rel="stylesheet" type="text/css"> | |||
| <link href="style-monsterimages.css" rel="stylesheet" type="text/css"> | |||
| <script type="text/javascript" src="universal_function.js"></script> | |||
| <script type="text/javascript" src="script.js"></script> | |||
| </head> | |||
| <body> | |||
| <div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div> | |||
| <div class="formation-box"> | |||
| <div class="formation-box blur-bg"> | |||
| <div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div> | |||
| <div class="formation-A-bigbox"> | |||
| <div class="formation-A-box"> | |||
| <ul class="formation-assist"> | |||
| @@ -95,7 +96,7 @@ | |||
| <div class="property"></div> | |||
| <div class="subproperty"></div> | |||
| <div class="addition has297"><div class="hp">99</div><div class="atk">99</div><div class="def">99</div><div class="_297">297</div></div> | |||
| <div class="awoken-icon awoken-none"></div> | |||
| <div class="awoken-icon display-none"></div> | |||
| <div class="level">99</div> | |||
| </a> | |||
| </li> | |||
| @@ -291,10 +292,64 @@ | |||
| </div> | |||
| </div> | |||
| <div class="edit-box"> | |||
| <a class="monster" target="_blank" title="5139" href="http://pad.skyozora.com/pets/5139"> | |||
| <div class="property"></div> | |||
| <div class="subproperty"></div> | |||
| </a> | |||
| <div class="edit-box-title"><!--修改怪物--></div> | |||
| <div class="search-box"> | |||
| <div class="mid-label"><!--输入怪物ID--></div> | |||
| <input type="text" class="m-id" list="monsters-list"/> | |||
| <button class="search-button">🔍</button> | |||
| <datalist id="monsters-list"></datalist> | |||
| </div> | |||
| <div class="monsterinfo-box"> | |||
| <a class="monster" target="_blank"> | |||
| <div class="property"></div> | |||
| <div class="subproperty"></div> | |||
| </a> | |||
| <div class="monster-id"></div> | |||
| <div class="monster-rare"></div> | |||
| <div class="monster-name"></div> | |||
| <ul class="monster-type"></ul> | |||
| </div> | |||
| <div class="setting-box"> | |||
| <div class="setting-row"> | |||
| <label>怪物等级<input type="number" class="m-level" min=1 max=110 /></label> | |||
| <button class="m-level-btn-99">Lv99</button> | |||
| <button class="m-level-btn-99">Lv110</button> | |||
| </div> | |||
| <div class="setting-row"> | |||
| <div>怪物觉醒</div> | |||
| <ul class="m-awoken-ul"> | |||
| <li></li> | |||
| </ul> | |||
| </div> | |||
| <div class="setting-row"> | |||
| <div>怪物加值</div> | |||
| <label>❤️<input type="number" class="m-add-hp" min=0 max=99 /><button class="m-add-hp-btn-99">+99</button></label> | |||
| <label>⚔️<input type="number" class="m-add-atk" min=0 max=99 /><button class="m-add-atk-btn-99">+99</button></label> | |||
| <label>🛡️<input type="number" class="m-add-def" min=0 max=99 /><button class="m-add-def-btn-99">+99</button></label> | |||
| <button class="m-add-btn-297">+297</button> | |||
| </div> | |||
| <div class="setting-row"> | |||
| <div>潜在觉醒</div> | |||
| <ul class="m-a-awoken-ul"> | |||
| <li></li> | |||
| <li></li> | |||
| <li></li> | |||
| <li></li> | |||
| <li></li> | |||
| <li></li> | |||
| </ul> | |||
| <ul class="m-a-awoken-list-ul"> | |||
| <li></li> | |||
| </ul> | |||
| </div> | |||
| </div> | |||
| <div class="button-box"> | |||
| <button class="button-null">留空格子</button> | |||
| <button class="button-delay">防止坐下</button> | |||
| <button class="button-cancel">取消修改</button> | |||
| <button class="button-done"><!--确认修改--></button> | |||
| </div> | |||
| </div> | |||
| </body> | |||
| </html> | |||
+ 20
- 5
script.js
View File
| @@ -6,12 +6,24 @@ window.onload = function() | |||
| url:"monsters-info/mon.json", | |||
| onload: function(response) { | |||
| ms = JSON.parse(response.response); | |||
| console.log(ms); | |||
| initialize();//初始化 | |||
| }, | |||
| onerror: function(response) { | |||
| console.error("怪物数据获取错误",response); | |||
| } | |||
| }) | |||
| }); | |||
| } | |||
| //初始化 | |||
| function initialize() | |||
| { | |||
| console.log(ms); | |||
| var monstersList = document.querySelector("#monsters-list"); | |||
| ms.forEach(function(m){ | |||
| var opt = monstersList.appendChild(document.createElement("option")); | |||
| opt.value = m.id; | |||
| opt.label = m.id + " | " + m.name + " | " + m.ename; | |||
| }); | |||
| test(); | |||
| } | |||
| function changeid(mon,monDom,awokenDom) | |||
| { | |||
| @@ -44,11 +56,11 @@ function changeid(mon,monDom,awokenDom) | |||
| var awokenIcon = monDom.querySelector(".awoken-icon"); | |||
| if (mon.awoken == 0 || md.awoken.length < 1) //没觉醒 | |||
| { | |||
| awokenIcon.classList.add("awoken-none"); | |||
| awokenIcon.classList.add("display-none"); | |||
| awokenIcon.innerHTML = ""; | |||
| }else | |||
| { | |||
| awokenIcon.classList.remove("awoken-none"); | |||
| awokenIcon.classList.remove("display-none"); | |||
| if (mon.awoken < md.awoken.length) //觉醒没满直接写数字 | |||
| awokenIcon.innerHTML = mon.awoken; | |||
| else //满觉醒打星星 | |||
| @@ -74,6 +86,8 @@ function changeid(mon,monDom,awokenDom) | |||
| } | |||
| } | |||
| function test() | |||
| { | |||
| var m1 = document.querySelector(".formation-A-box .formation-team .team-1 .monster"); | |||
| var a1 = document.querySelector(".formation-A-box .formation-team .team-1 .acquisitus-awoken-ul"); | |||
| changeid({ | |||
| @@ -82,4 +96,5 @@ level:98, | |||
| awoken:8, | |||
| addition:[99,99,99], | |||
| acquisitusAwoken:[], | |||
| },m1,a1) | |||
| },m1,a1) | |||
| } | |||
+ 159
- 0
style-monsterimages.css
View File
| @@ -0,0 +1,159 @@ | |||
| @charset "utf-8"; | |||
| /*怪物边框*/ | |||
| .property--1{ | |||
| background: none; /*无*/ | |||
| } | |||
| .property-0{ | |||
| background-position: 0 0; /*火*/ | |||
| } | |||
| .property-1{ | |||
| background-position: -102px 0; /*水*/ | |||
| } | |||
| .property-2{ | |||
| background-position: -204px 0; /*木*/ | |||
| } | |||
| .property-3{ | |||
| background-position: -306px 0; /*光*/ | |||
| } | |||
| .property-4{ | |||
| background-position: -408px 0; /*暗*/ | |||
| } | |||
| .subproperty--1{ | |||
| background: none; /*无*/ | |||
| } | |||
| .subproperty-0{ | |||
| background-position: 0 -104px; /*火*/ | |||
| } | |||
| .subproperty-1{ | |||
| background-position: -102px -104px; /*水*/ | |||
| } | |||
| .subproperty-2{ | |||
| background-position: -204px -104px; /*木*/ | |||
| } | |||
| .subproperty-3{ | |||
| background-position: -306px -104px; /*光*/ | |||
| } | |||
| .subproperty-4{ | |||
| background-position: -408px -104px; /*暗*/ | |||
| } | |||
| /*宠物头像所用的图片*/ | |||
| .pet-cards-1{background-image: url(images/cards/CARDS_001.PNG);} | |||
| .pet-cards-2{background-image: url(images/cards/CARDS_002.PNG);} | |||
| .pet-cards-3{background-image: url(images/cards/CARDS_003.PNG);} | |||
| .pet-cards-4{background-image: url(images/cards/CARDS_004.PNG);} | |||
| .pet-cards-5{background-image: url(images/cards/CARDS_005.PNG);} | |||
| .pet-cards-6{background-image: url(images/cards/CARDS_006.PNG);} | |||
| .pet-cards-7{background-image: url(images/cards/CARDS_007.PNG);} | |||
| .pet-cards-8{background-image: url(images/cards/CARDS_008.PNG);} | |||
| .pet-cards-9{background-image: url(images/cards/CARDS_009.PNG);} | |||
| .pet-cards-10{background-image: url(images/cards/CARDS_010.PNG);} | |||
| .pet-cards-11{background-image: url(images/cards/CARDS_011.PNG);} | |||
| .pet-cards-12{background-image: url(images/cards/CARDS_012.PNG);} | |||
| .pet-cards-13{background-image: url(images/cards/CARDS_013.PNG);} | |||
| .pet-cards-14{background-image: url(images/cards/CARDS_014.PNG);} | |||
| .pet-cards-15{background-image: url(images/cards/CARDS_015.PNG);} | |||
| .pet-cards-16{background-image: url(images/cards/CARDS_016.PNG);} | |||
| .pet-cards-17{background-image: url(images/cards/CARDS_017.PNG);} | |||
| .pet-cards-18{background-image: url(images/cards/CARDS_018.PNG);} | |||
| .pet-cards-19{background-image: url(images/cards/CARDS_019.PNG);} | |||
| .pet-cards-20{background-image: url(images/cards/CARDS_020.PNG);} | |||
| .pet-cards-21{background-image: url(images/cards/CARDS_021.PNG);} | |||
| .pet-cards-22{background-image: url(images/cards/CARDS_022.PNG);} | |||
| .pet-cards-23{background-image: url(images/cards/CARDS_023.PNG);} | |||
| .pet-cards-24{background-image: url(images/cards/CARDS_024.PNG);} | |||
| .pet-cards-25{background-image: url(images/cards/CARDS_025.PNG);} | |||
| .pet-cards-26{background-image: url(images/cards/CARDS_026.PNG);} | |||
| .pet-cards-27{background-image: url(images/cards/CARDS_027.PNG);} | |||
| .pet-cards-28{background-image: url(images/cards/CARDS_028.PNG);} | |||
| .pet-cards-29{background-image: url(images/cards/CARDS_029.PNG);} | |||
| .pet-cards-30{background-image: url(images/cards/CARDS_030.PNG);} | |||
| .pet-cards-31{background-image: url(images/cards/CARDS_031.PNG);} | |||
| .pet-cards-32{background-image: url(images/cards/CARDS_032.PNG);} | |||
| .pet-cards-33{background-image: url(images/cards/CARDS_033.PNG);} | |||
| .pet-cards-34{background-image: url(images/cards/CARDS_034.PNG);} | |||
| .pet-cards-35{background-image: url(images/cards/CARDS_035.PNG);} | |||
| .pet-cards-36{background-image: url(images/cards/CARDS_036.PNG);} | |||
| .pet-cards-37{background-image: url(images/cards/CARDS_037.PNG);} | |||
| .pet-cards-38{background-image: url(images/cards/CARDS_038.PNG);} | |||
| .pet-cards-39{background-image: url(images/cards/CARDS_039.PNG);} | |||
| .pet-cards-40{background-image: url(images/cards/CARDS_040.PNG);} | |||
| .pet-cards-41{background-image: url(images/cards/CARDS_041.PNG);} | |||
| .pet-cards-42{background-image: url(images/cards/CARDS_042.PNG);} | |||
| .pet-cards-43{background-image: url(images/cards/CARDS_043.PNG);} | |||
| .pet-cards-44{background-image: url(images/cards/CARDS_044.PNG);} | |||
| .pet-cards-45{background-image: url(images/cards/CARDS_045.PNG);} | |||
| .pet-cards-46{background-image: url(images/cards/CARDS_046.PNG);} | |||
| .pet-cards-47{background-image: url(images/cards/CARDS_047.PNG);} | |||
| .pet-cards-48{background-image: url(images/cards/CARDS_048.PNG);} | |||
| .pet-cards-49{background-image: url(images/cards/CARDS_049.PNG);} | |||
| .pet-cards-50{background-image: url(images/cards/CARDS_050.PNG);} | |||
| .pet-cards-51{background-image: url(images/cards/CARDS_051.PNG);} | |||
| .pet-cards-52{background-image: url(images/cards/CARDS_052.PNG);} | |||
| .pet-cards-53{background-image: url(images/cards/CARDS_053.PNG);} | |||
| .pet-cards-54{background-image: url(images/cards/CARDS_054.PNG);} | |||
| .pet-cards-55{background-image: url(images/cards/CARDS_055.PNG);} | |||
| .pet-cards-56{background-image: url(images/cards/CARDS_056.PNG);} | |||
| .pet-cards-57{background-image: url(images/cards/CARDS_057.PNG);} | |||
| .pet-cards-58{background-image: url(images/cards/CARDS_058.PNG);} | |||
| .pet-cards-59{background-image: url(images/cards/CARDS_059.PNG);} | |||
| .pet-cards-60{background-image: url(images/cards/CARDS_060.PNG);} | |||
| .pet-cards-61{background-image: url(images/cards/CARDS_061.PNG);} | |||
| .pet-cards-62{background-image: url(images/cards/CARDS_062.PNG);} | |||
| .pet-cards-63{background-image: url(images/cards/CARDS_063.PNG);} | |||
| .pet-cards-64{background-image: url(images/cards/CARDS_064.PNG);} | |||
| .pet-cards-65{background-image: url(images/cards/CARDS_065.PNG);} | |||
| .pet-cards-66{background-image: url(images/cards/CARDS_066.PNG);} | |||
| .pet-cards-67{background-image: url(images/cards/CARDS_067.PNG);} | |||
| .pet-cards-68{background-image: url(images/cards/CARDS_068.PNG);} | |||
| .pet-cards-69{background-image: url(images/cards/CARDS_069.PNG);} | |||
| .pet-cards-70{background-image: url(images/cards/CARDS_070.PNG);} | |||
| .pet-cards-71{background-image: url(images/cards/CARDS_071.PNG);} | |||
| .pet-cards-72{background-image: url(images/cards/CARDS_072.PNG);} | |||
| .pet-cards-73{background-image: url(images/cards/CARDS_073.PNG);} | |||
| .pet-cards-74{background-image: url(images/cards/CARDS_074.PNG);} | |||
| .pet-cards-75{background-image: url(images/cards/CARDS_075.PNG);} | |||
| .pet-cards-76{background-image: url(images/cards/CARDS_076.PNG);} | |||
| .pet-cards-77{background-image: url(images/cards/CARDS_077.PNG);} | |||
| .pet-cards-78{background-image: url(images/cards/CARDS_078.PNG);} | |||
| .pet-cards-79{background-image: url(images/cards/CARDS_079.PNG);} | |||
| .pet-cards-80{background-image: url(images/cards/CARDS_080.PNG);} | |||
| .pet-cards-81{background-image: url(images/cards/CARDS_081.PNG);} | |||
| .pet-cards-82{background-image: url(images/cards/CARDS_082.PNG);} | |||
| .pet-cards-83{background-image: url(images/cards/CARDS_083.PNG);} | |||
| .pet-cards-84{background-image: url(images/cards/CARDS_084.PNG);} | |||
| .pet-cards-85{background-image: url(images/cards/CARDS_085.PNG);} | |||
| .pet-cards-86{background-image: url(images/cards/CARDS_086.PNG);} | |||
| .pet-cards-87{background-image: url(images/cards/CARDS_087.PNG);} | |||
| .pet-cards-88{background-image: url(images/cards/CARDS_088.PNG);} | |||
| .pet-cards-89{background-image: url(images/cards/CARDS_089.PNG);} | |||
| .pet-cards-90{background-image: url(images/cards/CARDS_090.PNG);} | |||
| .pet-cards-91{background-image: url(images/cards/CARDS_091.PNG);} | |||
| .pet-cards-92{background-image: url(images/cards/CARDS_092.PNG);} | |||
| .pet-cards-93{background-image: url(images/cards/CARDS_093.PNG);} | |||
| .pet-cards-94{background-image: url(images/cards/CARDS_094.PNG);} | |||
| .pet-cards-95{background-image: url(images/cards/CARDS_095.PNG);} | |||
| .pet-cards-96{background-image: url(images/cards/CARDS_096.PNG);} | |||
| .pet-cards-97{background-image: url(images/cards/CARDS_097.PNG);} | |||
| .pet-cards-98{background-image: url(images/cards/CARDS_098.PNG);} | |||
| .pet-cards-99{background-image: url(images/cards/CARDS_099.PNG);} | |||
| /*宠物在图中编号对应的坐标*/ | |||
| .pet-cards-index-x-0{background-position-x:0px;} | |||
| .pet-cards-index-x-1{background-position-x:-102px;} | |||
| .pet-cards-index-x-2{background-position-x:-204px;} | |||
| .pet-cards-index-x-3{background-position-x:-306px;} | |||
| .pet-cards-index-x-4{background-position-x:-408px;} | |||
| .pet-cards-index-x-5{background-position-x:-510px;} | |||
| .pet-cards-index-x-6{background-position-x:-612px;} | |||
| .pet-cards-index-x-7{background-position-x:-714px;} | |||
| .pet-cards-index-x-8{background-position-x:-816px;} | |||
| .pet-cards-index-x-9{background-position-x:-918px;} | |||
| .pet-cards-index-y-0{background-position-y:0px;} | |||
| .pet-cards-index-y-1{background-position-y:-102px;} | |||
| .pet-cards-index-y-2{background-position-y:-204px;} | |||
| .pet-cards-index-y-3{background-position-y:-306px;} | |||
| .pet-cards-index-y-4{background-position-y:-408px;} | |||
| .pet-cards-index-y-5{background-position-y:-510px;} | |||
| .pet-cards-index-y-6{background-position-y:-612px;} | |||
| .pet-cards-index-y-7{background-position-y:-714px;} | |||
| .pet-cards-index-y-8{background-position-y:-816px;} | |||
| .pet-cards-index-y-9{background-position-y:-918px;} | |||
+ 37
- 173
style.css
View File
| @@ -1,4 +1,7 @@ | |||
| @charset "utf-8"; | |||
| .display-none{ | |||
| display:none; | |||
| } | |||
| .title{ | |||
| border: none; | |||
| background: none; | |||
| @@ -41,42 +44,6 @@ ul{ | |||
| background-image: url(images/CARDFRAME2.PNG); | |||
| background-position: 100px 100px; /*默认都不显示*/ | |||
| } | |||
| .property--1{ | |||
| background: none; /*无*/ | |||
| } | |||
| .property-0{ | |||
| background-position: 0 0; /*火*/ | |||
| } | |||
| .property-1{ | |||
| background-position: -102px 0; /*水*/ | |||
| } | |||
| .property-2{ | |||
| background-position: -204px 0; /*木*/ | |||
| } | |||
| .property-3{ | |||
| background-position: -306px 0; /*光*/ | |||
| } | |||
| .property-4{ | |||
| background-position: -408px 0; /*暗*/ | |||
| } | |||
| .subproperty--1{ | |||
| background: none; /*无*/ | |||
| } | |||
| .subproperty-0{ | |||
| background-position: 0 -104px; /*火*/ | |||
| } | |||
| .subproperty-1{ | |||
| background-position: -102px -104px; /*水*/ | |||
| } | |||
| .subproperty-2{ | |||
| background-position: -204px -104px; /*木*/ | |||
| } | |||
| .subproperty-3{ | |||
| background-position: -306px -104px; /*光*/ | |||
| } | |||
| .subproperty-4{ | |||
| background-position: -408px -104px; /*暗*/ | |||
| } | |||
| /*怪物-加值*/ | |||
| .monster .addition{ | |||
| color: yellow; | |||
| @@ -87,21 +54,21 @@ ul{ | |||
| position: absolute; | |||
| left:0; | |||
| } | |||
| .monster .addition ._297{ | |||
| display:none; | |||
| } | |||
| .monster .addition .hp::before, | |||
| .monster .addition .atk::before, | |||
| .monster .addition .def::before, | |||
| .monster .addition ._297::before{ | |||
| content: "+"; | |||
| } | |||
| .monster .addition ._297{ /*297默认不显示*/ | |||
| display:none; | |||
| } | |||
| .monster .addition.has297 .hp, | |||
| .monster .addition.has297 .atk, | |||
| .monster .addition.has297 .def{ | |||
| .monster .addition.has297 .def{ /*当是297时隐藏3维*/ | |||
| display:none; | |||
| } | |||
| .monster .addition.has297 ._297{ | |||
| .monster .addition.has297 ._297{ /*当是297时显示297*/ | |||
| display:block; | |||
| } | |||
| /*怪物-觉醒*/ | |||
| @@ -223,17 +190,6 @@ ul{ | |||
| .a-awoken-icon-ul li{ | |||
| float:left; | |||
| } | |||
| /* | |||
| .formation-A-box .team::after, .formation-B-box .team::before{ | |||
| text-align: center; | |||
| border: 1px green solid; | |||
| color:red; | |||
| font-size: 18px; | |||
| font-weight: bold; | |||
| display: block; | |||
| content: " "; | |||
| } | |||
| */ | |||
| /*队长的边框*/ | |||
| .formation-A-box .formation-team .team-leader .monster, .formation-B-box .formation-team .team-leader .monster{ | |||
| border-radius: 10px; | |||
| @@ -247,125 +203,33 @@ ul{ | |||
| .formation-B-box .formation-team .team-leader .monster{ | |||
| border-color: blue; | |||
| } | |||
| /*编辑窗口*/ | |||
| .blur-bg{ | |||
| filter:blur(5px); | |||
| } | |||
| .edit-box{ | |||
| background-color: rgba(0,100,100,0.2); | |||
| text-shadow: white 0 0 2px; | |||
| position: absolute; | |||
| left:0; | |||
| top:0; | |||
| width:100%; | |||
| height:100%; | |||
| padding: 10px; | |||
| } | |||
| .edit-box-title{ | |||
| text-align: center; | |||
| font-size: 25px; | |||
| font-weight: bold; | |||
| content: "修改怪物"; | |||
| } | |||
| .edit-box .edit-box-title::before{ | |||
| content: "修改怪物"; | |||
| } | |||
| /*宠物头像所用的图片*/ | |||
| .pet-cards-1{background-image: url(images/cards/CARDS_001.PNG);} | |||
| .pet-cards-2{background-image: url(images/cards/CARDS_002.PNG);} | |||
| .pet-cards-3{background-image: url(images/cards/CARDS_003.PNG);} | |||
| .pet-cards-4{background-image: url(images/cards/CARDS_004.PNG);} | |||
| .pet-cards-5{background-image: url(images/cards/CARDS_005.PNG);} | |||
| .pet-cards-6{background-image: url(images/cards/CARDS_006.PNG);} | |||
| .pet-cards-7{background-image: url(images/cards/CARDS_007.PNG);} | |||
| .pet-cards-8{background-image: url(images/cards/CARDS_008.PNG);} | |||
| .pet-cards-9{background-image: url(images/cards/CARDS_009.PNG);} | |||
| .pet-cards-10{background-image: url(images/cards/CARDS_010.PNG);} | |||
| .pet-cards-11{background-image: url(images/cards/CARDS_011.PNG);} | |||
| .pet-cards-12{background-image: url(images/cards/CARDS_012.PNG);} | |||
| .pet-cards-13{background-image: url(images/cards/CARDS_013.PNG);} | |||
| .pet-cards-14{background-image: url(images/cards/CARDS_014.PNG);} | |||
| .pet-cards-15{background-image: url(images/cards/CARDS_015.PNG);} | |||
| .pet-cards-16{background-image: url(images/cards/CARDS_016.PNG);} | |||
| .pet-cards-17{background-image: url(images/cards/CARDS_017.PNG);} | |||
| .pet-cards-18{background-image: url(images/cards/CARDS_018.PNG);} | |||
| .pet-cards-19{background-image: url(images/cards/CARDS_019.PNG);} | |||
| .pet-cards-20{background-image: url(images/cards/CARDS_020.PNG);} | |||
| .pet-cards-21{background-image: url(images/cards/CARDS_021.PNG);} | |||
| .pet-cards-22{background-image: url(images/cards/CARDS_022.PNG);} | |||
| .pet-cards-23{background-image: url(images/cards/CARDS_023.PNG);} | |||
| .pet-cards-24{background-image: url(images/cards/CARDS_024.PNG);} | |||
| .pet-cards-25{background-image: url(images/cards/CARDS_025.PNG);} | |||
| .pet-cards-26{background-image: url(images/cards/CARDS_026.PNG);} | |||
| .pet-cards-27{background-image: url(images/cards/CARDS_027.PNG);} | |||
| .pet-cards-28{background-image: url(images/cards/CARDS_028.PNG);} | |||
| .pet-cards-29{background-image: url(images/cards/CARDS_029.PNG);} | |||
| .pet-cards-30{background-image: url(images/cards/CARDS_030.PNG);} | |||
| .pet-cards-31{background-image: url(images/cards/CARDS_031.PNG);} | |||
| .pet-cards-32{background-image: url(images/cards/CARDS_032.PNG);} | |||
| .pet-cards-33{background-image: url(images/cards/CARDS_033.PNG);} | |||
| .pet-cards-34{background-image: url(images/cards/CARDS_034.PNG);} | |||
| .pet-cards-35{background-image: url(images/cards/CARDS_035.PNG);} | |||
| .pet-cards-36{background-image: url(images/cards/CARDS_036.PNG);} | |||
| .pet-cards-37{background-image: url(images/cards/CARDS_037.PNG);} | |||
| .pet-cards-38{background-image: url(images/cards/CARDS_038.PNG);} | |||
| .pet-cards-39{background-image: url(images/cards/CARDS_039.PNG);} | |||
| .pet-cards-40{background-image: url(images/cards/CARDS_040.PNG);} | |||
| .pet-cards-41{background-image: url(images/cards/CARDS_041.PNG);} | |||
| .pet-cards-42{background-image: url(images/cards/CARDS_042.PNG);} | |||
| .pet-cards-43{background-image: url(images/cards/CARDS_043.PNG);} | |||
| .pet-cards-44{background-image: url(images/cards/CARDS_044.PNG);} | |||
| .pet-cards-45{background-image: url(images/cards/CARDS_045.PNG);} | |||
| .pet-cards-46{background-image: url(images/cards/CARDS_046.PNG);} | |||
| .pet-cards-47{background-image: url(images/cards/CARDS_047.PNG);} | |||
| .pet-cards-48{background-image: url(images/cards/CARDS_048.PNG);} | |||
| .pet-cards-49{background-image: url(images/cards/CARDS_049.PNG);} | |||
| .pet-cards-50{background-image: url(images/cards/CARDS_050.PNG);} | |||
| .pet-cards-51{background-image: url(images/cards/CARDS_051.PNG);} | |||
| .pet-cards-52{background-image: url(images/cards/CARDS_052.PNG);} | |||
| .pet-cards-53{background-image: url(images/cards/CARDS_053.PNG);} | |||
| .pet-cards-54{background-image: url(images/cards/CARDS_054.PNG);} | |||
| .pet-cards-55{background-image: url(images/cards/CARDS_055.PNG);} | |||
| .pet-cards-56{background-image: url(images/cards/CARDS_056.PNG);} | |||
| .pet-cards-57{background-image: url(images/cards/CARDS_057.PNG);} | |||
| .pet-cards-58{background-image: url(images/cards/CARDS_058.PNG);} | |||
| .pet-cards-59{background-image: url(images/cards/CARDS_059.PNG);} | |||
| .pet-cards-60{background-image: url(images/cards/CARDS_060.PNG);} | |||
| .pet-cards-61{background-image: url(images/cards/CARDS_061.PNG);} | |||
| .pet-cards-62{background-image: url(images/cards/CARDS_062.PNG);} | |||
| .pet-cards-63{background-image: url(images/cards/CARDS_063.PNG);} | |||
| .pet-cards-64{background-image: url(images/cards/CARDS_064.PNG);} | |||
| .pet-cards-65{background-image: url(images/cards/CARDS_065.PNG);} | |||
| .pet-cards-66{background-image: url(images/cards/CARDS_066.PNG);} | |||
| .pet-cards-67{background-image: url(images/cards/CARDS_067.PNG);} | |||
| .pet-cards-68{background-image: url(images/cards/CARDS_068.PNG);} | |||
| .pet-cards-69{background-image: url(images/cards/CARDS_069.PNG);} | |||
| .pet-cards-70{background-image: url(images/cards/CARDS_070.PNG);} | |||
| .pet-cards-71{background-image: url(images/cards/CARDS_071.PNG);} | |||
| .pet-cards-72{background-image: url(images/cards/CARDS_072.PNG);} | |||
| .pet-cards-73{background-image: url(images/cards/CARDS_073.PNG);} | |||
| .pet-cards-74{background-image: url(images/cards/CARDS_074.PNG);} | |||
| .pet-cards-75{background-image: url(images/cards/CARDS_075.PNG);} | |||
| .pet-cards-76{background-image: url(images/cards/CARDS_076.PNG);} | |||
| .pet-cards-77{background-image: url(images/cards/CARDS_077.PNG);} | |||
| .pet-cards-78{background-image: url(images/cards/CARDS_078.PNG);} | |||
| .pet-cards-79{background-image: url(images/cards/CARDS_079.PNG);} | |||
| .pet-cards-80{background-image: url(images/cards/CARDS_080.PNG);} | |||
| .pet-cards-81{background-image: url(images/cards/CARDS_081.PNG);} | |||
| .pet-cards-82{background-image: url(images/cards/CARDS_082.PNG);} | |||
| .pet-cards-83{background-image: url(images/cards/CARDS_083.PNG);} | |||
| .pet-cards-84{background-image: url(images/cards/CARDS_084.PNG);} | |||
| .pet-cards-85{background-image: url(images/cards/CARDS_085.PNG);} | |||
| .pet-cards-86{background-image: url(images/cards/CARDS_086.PNG);} | |||
| .pet-cards-87{background-image: url(images/cards/CARDS_087.PNG);} | |||
| .pet-cards-88{background-image: url(images/cards/CARDS_088.PNG);} | |||
| .pet-cards-89{background-image: url(images/cards/CARDS_089.PNG);} | |||
| .pet-cards-90{background-image: url(images/cards/CARDS_090.PNG);} | |||
| .pet-cards-91{background-image: url(images/cards/CARDS_091.PNG);} | |||
| .pet-cards-92{background-image: url(images/cards/CARDS_092.PNG);} | |||
| .pet-cards-93{background-image: url(images/cards/CARDS_093.PNG);} | |||
| .pet-cards-94{background-image: url(images/cards/CARDS_094.PNG);} | |||
| .pet-cards-95{background-image: url(images/cards/CARDS_095.PNG);} | |||
| .pet-cards-96{background-image: url(images/cards/CARDS_096.PNG);} | |||
| .pet-cards-97{background-image: url(images/cards/CARDS_097.PNG);} | |||
| .pet-cards-98{background-image: url(images/cards/CARDS_098.PNG);} | |||
| .pet-cards-99{background-image: url(images/cards/CARDS_099.PNG);} | |||
| /*宠物在图中编号对应的坐标*/ | |||
| .pet-cards-index-x-0{background-position-x:0px;} | |||
| .pet-cards-index-x-1{background-position-x:-102px;} | |||
| .pet-cards-index-x-2{background-position-x:-204px;} | |||
| .pet-cards-index-x-3{background-position-x:-306px;} | |||
| .pet-cards-index-x-4{background-position-x:-408px;} | |||
| .pet-cards-index-x-5{background-position-x:-510px;} | |||
| .pet-cards-index-x-6{background-position-x:-612px;} | |||
| .pet-cards-index-x-7{background-position-x:-714px;} | |||
| .pet-cards-index-x-8{background-position-x:-816px;} | |||
| .pet-cards-index-x-9{background-position-x:-918px;} | |||
| .pet-cards-index-y-0{background-position-y:0px;} | |||
| .pet-cards-index-y-1{background-position-y:-102px;} | |||
| .pet-cards-index-y-2{background-position-y:-204px;} | |||
| .pet-cards-index-y-3{background-position-y:-306px;} | |||
| .pet-cards-index-y-4{background-position-y:-408px;} | |||
| .pet-cards-index-y-5{background-position-y:-510px;} | |||
| .pet-cards-index-y-6{background-position-y:-612px;} | |||
| .pet-cards-index-y-7{background-position-y:-714px;} | |||
| .pet-cards-index-y-8{background-position-y:-816px;} | |||
| .pet-cards-index-y-9{background-position-y:-918px;} | |||
| .edit-box .search-box .mid-label::before{ | |||
| content: "请输入怪物ID后点击搜索按钮"; | |||
| } | |||
| .edit-box .button-box .button-done::after{ | |||
| content: "确认修改"; | |||
| } | |||
+ 0
- 9
universal_function.js
View File
| @@ -26,13 +26,4 @@ if (typeof(GM_xmlhttpRequest) == "undefined") { | |||
| //数字补0 | |||
| function PrefixInteger(num, length) { | |||
| return (Array(length).join('0') + num).slice(-length); | |||
| } | |||
| //根据id返回宠物图标的坐标 | |||
| function iconPosition(monid) | |||
| { | |||
| var indexInThisPage = (monid-1) % 100; | |||
| var ix = indexInThisPage % 10; | |||
| var iy = parseInt(indexInThisPage / 10); | |||
| var position = [(100 + 2) * ix * -1,(100 + 2) * iy * -1]; | |||
| return position; | |||
| } | |||