增加怪物id显示
This commit is contained in:
parent
aee8cc358f
commit
c610e258d4
22
index.html
22
index.html
|
|
@ -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];
|
||||
|
|
|
|||
14
solo.html
14
solo.html
|
|
@ -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>
|
||||
|
|
|
|||
61
style.css
61
style.css
|
|
@ -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…
Reference in New Issue