| @@ -43,7 +43,7 @@ var formation = { | |||
| <body> | |||
| <div class="control-box"> | |||
| <label class="languages-label"><select class="languages"></select></label><a href="solo.html" class="solo-link"></a> | |||
| <label class="languages-label"><select class="languages"></select></label><button class="btn-show-mon-id" onclick="document.body.classList.toggle('show-mon-id');"></button><a href="solo.html" class="solo-link"></a> | |||
| </div> | |||
| <div class="formation-box"> | |||
| <div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div> | |||
| @@ -57,6 +57,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -66,6 +67,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -75,6 +77,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -84,6 +87,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 null"> | |||
| @@ -93,6 +97,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -157,6 +162,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -167,6 +173,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -177,6 +184,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -187,6 +195,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 null"> | |||
| @@ -197,6 +206,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -213,6 +223,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -223,6 +234,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -233,6 +245,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -243,6 +256,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 team-leader null"> | |||
| @@ -253,6 +267,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -316,6 +331,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -325,6 +341,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -334,6 +351,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -343,6 +361,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 null"> | |||
| @@ -352,6 +371,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -15,6 +15,9 @@ | |||
| .monster .level::before{ | |||
| content: "Lv."; | |||
| } | |||
| .monster .id::before{ | |||
| content: "No."; | |||
| } | |||
| .formation-A-bigbox::after{ | |||
| content: "Team\A A"; | |||
| } | |||
| @@ -137,4 +140,10 @@ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "Jump To 2-Player Mode"; | |||
| } | |||
| .control-box .btn-show-mon-id::before{ | |||
| content: "Hide monster ID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "Show monster ID"; | |||
| } | |||
| @@ -14,6 +14,9 @@ | |||
| .monster .level::before{ | |||
| content: "Lv."; | |||
| } | |||
| .monster .id::before{ | |||
| content: "No."; | |||
| } | |||
| .formation-A-bigbox::after{ | |||
| content: "チーム\A A"; | |||
| } | |||
| @@ -130,4 +133,10 @@ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "2人協力のゲームに移動"; | |||
| } | |||
| .control-box .btn-show-mon-id::before{ | |||
| content: "隠しモンスターID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "モンスターIDを表示"; | |||
| } | |||
| @@ -14,6 +14,9 @@ | |||
| .monster .level::before{ | |||
| content: "Lv."; | |||
| } | |||
| .monster .id::before{ | |||
| content: "No."; | |||
| } | |||
| .formation-A-bigbox::after{ | |||
| content: "팀\A A"; | |||
| } | |||
| @@ -130,4 +133,10 @@ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "2인 게임으로 이동"; | |||
| } | |||
| .control-box .btn-show-mon-id::before{ | |||
| content: "숨겨진 몬스터 ID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "괴물 ID 표시"; | |||
| } | |||
| @@ -14,6 +14,9 @@ | |||
| .monster .level::before{ | |||
| content: "Lv."; | |||
| } | |||
| .monster .id::before{ | |||
| content: "No."; | |||
| } | |||
| .formation-A-bigbox::after{ | |||
| content: "隊伍\A A"; | |||
| } | |||
| @@ -133,4 +136,10 @@ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "轉到2人車隊"; | |||
| } | |||
| .control-box .btn-show-mon-id::before{ | |||
| content: "隱藏怪物ID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "顯示怪物ID"; | |||
| } | |||
| @@ -14,6 +14,9 @@ | |||
| .monster .level::before{ | |||
| content: "Lv."; | |||
| } | |||
| .monster .id::before{ | |||
| content: "No."; | |||
| } | |||
| .formation-A-bigbox::after{ | |||
| content: "队伍\A A"; | |||
| } | |||
| @@ -133,4 +136,10 @@ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "转到2人车队"; | |||
| } | |||
| .control-box .btn-show-mon-id::before{ | |||
| content: "隐藏怪物ID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "显示怪物ID"; | |||
| } | |||
| @@ -444,6 +444,11 @@ function changeid(mon,monDom,latentDom) | |||
| sawoken.classList.add("display-none"); | |||
| } | |||
| } | |||
| var m_id = monDom.querySelector(".id"); | |||
| if (m_id) //如果存在超觉醒的DOM且提供了超觉醒 | |||
| { | |||
| m_id.innerHTML = mon.id; | |||
| } | |||
| if (mon.plus) //如果提供了加值 | |||
| { | |||
| monDom.querySelector(".plus .hp").innerHTML = mon.plus[0]; | |||
| @@ -49,7 +49,7 @@ var formation = { | |||
| <body> | |||
| <div class="control-box"> | |||
| <label class="languages-label"><select class="languages"></select></label><a href="index.html" class="multi-link"></a> | |||
| <label class="languages-label"><select class="languages"></select></label><button class="btn-show-mon-id" onclick="document.body.classList.toggle('not-show-mon-id');"></button><a href="index.html" class="multi-link"></a> | |||
| </div> | |||
| <div class="formation-box"> | |||
| <div class="title-box"><input type="text" class="title" placeholder="输入阵型标题" /></div> | |||
| @@ -63,6 +63,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -72,6 +73,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -81,6 +83,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -90,6 +93,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 null"> | |||
| @@ -99,6 +103,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-6 null"> | |||
| @@ -108,6 +113,7 @@ var formation = { | |||
| <div class="plus"><div class="hp"></div><div class="atk"></div><div class="rcv"></div><div class="_297">297</div></div> | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -182,6 +188,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-2 null"> | |||
| @@ -192,6 +199,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-3 null"> | |||
| @@ -202,6 +210,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-4 null"> | |||
| @@ -212,6 +221,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-5 null"> | |||
| @@ -222,6 +232,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| <li class="member member-6 team-leader null"> | |||
| @@ -232,6 +243,7 @@ var formation = { | |||
| <div class="awoken-count display-none"></div> | |||
| <div class="super-awoken display-none"><div class="awoken-icon"></div></div> | |||
| <div class="level"></div> | |||
| <div class="id"></div> | |||
| </a> | |||
| </li> | |||
| </ul> | |||
| @@ -113,9 +113,9 @@ ul{ | |||
| /*怪物-加值*/ | |||
| .monster .plus{ | |||
| color: yellow; | |||
| font-size: 20px; | |||
| line-height: 20px; | |||
| text-shadow: black 0 0 1px, black 2px 2px 0; | |||
| font-size: 17px; | |||
| line-height: 17px; | |||
| text-shadow: black 0 0 1px,black 0 0 2px, black 2px 2px 0; | |||
| position: absolute; | |||
| left:0; | |||
| } | |||
| @@ -154,7 +154,9 @@ ul{ | |||
| width: 34px; | |||
| height: 38px; | |||
| position: absolute; | |||
| top: -4px; | |||
| right: 0; | |||
| transform: scale(0.80) translateX(4px); | |||
| } | |||
| .monster .awoken-count.allowable-assist{ | |||
| font-size: 0; | |||
| @@ -165,34 +167,52 @@ ul{ | |||
| .monster .super-awoken{ | |||
| position: absolute; | |||
| right:0; | |||
| top: 30px; | |||
| top: 25px; | |||
| transform: scale(0.80) translateX(4px); | |||
| } | |||
| /*怪物-等级*/ | |||
| .monster .level{ | |||
| color: white; | |||
| font-size: 18px; | |||
| line-height: 27px; | |||
| height: 27px; | |||
| text-shadow: black 0 0 1px, black 2px 2px 0; | |||
| height: 17px; | |||
| text-shadow: black 0 0 2px, black 2px 2px 0; | |||
| position: absolute; | |||
| left: 5px; | |||
| bottom: 0; | |||
| bottom: 0px; | |||
| vertical-align: top; | |||
| } | |||
| .monster .level,.monster .level.max::before{ | |||
| font-size: 15px; | |||
| line-height: 17px; | |||
| } | |||
| .monster .level.max{ | |||
| font-size: 0; | |||
| } | |||
| .monster .level._110{ | |||
| color: lightskyblue; | |||
| } | |||
| /*.monster .level::before{ | |||
| content: "Lv."; | |||
| }.monster .level.max::before{ | |||
| content: "Lv.最大"; | |||
| }*/ | |||
| .monster .level.max{ | |||
| font-size: 0; | |||
| .monster .id{ | |||
| display: block; | |||
| color: white; | |||
| font-family: "Microsoft Yahei","Source Han Sans",Arial, Helvetica, sans-serif; | |||
| font-size: 15px; | |||
| line-height: 17px; | |||
| height: 17px; | |||
| text-shadow: black 1px 1px 0,black 1px -1px 0,black -1px 1px 0,black -1px -1px 0; | |||
| position: absolute; | |||
| left: 5px; | |||
| bottom: 15px; | |||
| } | |||
| .monster .level.max::before{ | |||
| font-size: 18px; | |||
| /*content: "Lv.最大";*/ | |||
| .not-show-mon-id .monster .id{ | |||
| display: none; | |||
| } | |||
| /*.monster .id::before{ | |||
| content: "No."; | |||
| }*/ | |||
| /*辅助和队伍的每一只框架*/ | |||
| .member, .acquisitus-awoken-icon { | |||
| display: block; | |||
| @@ -605,7 +625,7 @@ ul{ | |||
| .awoken-total-box .awoken-ul .count::before{ | |||
| content: "×"; | |||
| } | |||
| /*控制框*/ | |||
| .control-box{ | |||
| margin-bottom: 10px; | |||
| } | |||
| @@ -620,4 +640,13 @@ ul{ | |||
| } | |||
| .control-box .multi-link::before{ | |||
| content: "Jump To 2-Player Version"; | |||
| } | |||
| } | |||
| .control-box .btn-show-mon-id{ | |||
| margin-left: 5px; | |||
| } | |||
| /*.control-box .btn-show-mon-id::before{ | |||
| content: "隐藏怪物ID"; | |||
| } | |||
| .not-show-mon-id .control-box .btn-show-mon-id::before{ | |||
| content: "显示怪物ID"; | |||
| }*/ | |||