Browse Source

增加怪物id显示

tags/v1.0
枫谷剑仙 7 years ago
parent
commit
b51f862622
9 changed files with 129 additions and 18 deletions
  1. +21
    -1
      index.html
  2. +9
    -0
      languages/en.css
  3. +9
    -0
      languages/ja.css
  4. +9
    -0
      languages/ko.css
  5. +9
    -0
      languages/zh-TW.css
  6. +9
    -0
      languages/zh.css
  7. +5
    -0
      script.js
  8. +13
    -1
      solo.html
  9. +45
    -16
      style.css

+ 21
- 1
index.html View File

@@ -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>


+ 9
- 0
languages/en.css View File

@@ -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";
}

+ 9
- 0
languages/ja.css View File

@@ -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を表示";
}

+ 9
- 0
languages/ko.css View File

@@ -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 표시";
}

+ 9
- 0
languages/zh-TW.css View File

@@ -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";
}

+ 9
- 0
languages/zh.css View File

@@ -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";
}

+ 5
- 0
script.js View File

@@ -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];


+ 13
- 1
solo.html View File

@@ -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>


+ 45
- 16
style.css View File

@@ -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";
}*/

Loading…
Cancel
Save