Skip to content

sora / sanitary-net

Go to a project
Commit f49e7328 by o.kimura
Options

たくみスタイル修正

parent db46616b
Inline Side-by-side
Showing with 39 additions and 43 deletions
takumi-style/css/main_ie.css
...@@ -697,8 +697,11 @@ ...@@ -697,8 +697,11 @@
background: url('../images/common/next_btn.png') 0 0 no-repeat; background: url('../images/common/next_btn.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
right: 15vw; right: 15vw;
bottom: 1vw; bottom: 12px;
} }
#button_next_result {
right: 6.3vw;
}
#button_next:active, #button_next:active,
#button_next_result:active { #button_next_result:active {
...@@ -905,8 +908,8 @@ ...@@ -905,8 +908,8 @@
/*calc(20 * 0.4vw);/*top_btn.pngのアスペクト比*/ /*calc(20 * 0.4vw);/*top_btn.pngのアスペクト比*/
background: url('../images/common/top_btn.png') 0 0 no-repeat; background: url('../images/common/top_btn.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
left: 25vw; left: 62px;
bottom: 0; bottom: 12px;
} }
#result_top_button:active { #result_top_button:active {
...@@ -920,8 +923,8 @@ ...@@ -920,8 +923,8 @@
/*calc(22 * 0.3636vw);/*select_btn.pngのアスペクト比*/ /*calc(22 * 0.3636vw);/*select_btn.pngのアスペクト比*/
background: url('../images/common/select_btn.png') 0 0 no-repeat; background: url('../images/common/select_btn.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
right: 25vw; right: 52vw;
bottom: 0; bottom: 12px;
} }
#result_select_button:active { #result_select_button:active {
......
takumi-style/index_ie.html
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
<script src="js/doctor.js"></script> <script src="js/doctor.js"></script>
<script src="js/takumi.js"></script> <script src="js/takumi.js"></script>
<script src="js/levelMenu_ie.js"></script> <script src="js/levelMenu_ie.js"></script>
<script src="js/quizMaster.js"></script> <script src="js/quizMaster.js?v=2023120112"></script>
<script src="js/main.js"></script> <script src="js/main.js"></script>
<link rel="stylesheet" type="text/css" href="css/main_ie.css"> <link rel="stylesheet" type="text/css" href="css/main_ie.css">
......
takumi-style/js/quizMaster.js
...@@ -322,28 +322,19 @@ function quizMaster(et) { ...@@ -322,28 +322,19 @@ function quizMaster(et) {
} }
myObj.dispResult = function () { myObj.dispResult = function () {
resultPlate.classList.remove("vanish"); resultPlate.classList.remove("vanish");
anime({ anime({
targets: "#result_plate", targets: "#result_plate",
scale: [0, 1], scale: [0, 1],
duration: 1000, duration: 1000,
/* complete: function () { complete: function () {
anime({
targets: "#result_top_button", }
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
anime({
targets: "#result_select_button",
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
}*/
}); //------ anime }); //------ anime
setTimeout(function () { setTimeout(function () {
document.getElementById("result_top_button").classList.remove("vanish");
document.getElementById("result_select_button").classList.remove("vanish");
document.getElementById("button_next_result").classList.remove("vanish"); document.getElementById("button_next_result").classList.remove("vanish");
anime({ anime({
targets: "#button_next_result", targets: "#button_next_result",
...@@ -351,6 +342,18 @@ function quizMaster(et) { ...@@ -351,6 +342,18 @@ function quizMaster(et) {
easing: "easeOutSine", easing: "easeOutSine",
duration: 500 duration: 500
}); //------ anime }); //------ anime
anime({
targets: "#result_top_button",
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
anime({
targets: "#result_select_button",
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
}, 1000); }, 1000);
$("#button_next_result").on("click", function () { $("#button_next_result").on("click", function () {
...@@ -364,22 +367,22 @@ function quizMaster(et) { ...@@ -364,22 +367,22 @@ function quizMaster(et) {
$(function () { $(function () {
$("#yes_btn").on("click", function () { $("#yes_btn").on("click", function () {
$("#result_plate").addClass("answer1"); $("#result_plate").addClass("answer1");
document.getElementById("arr_yes").classList.add("vanish"); document.getElementById("arr_yes").classList.add("vanish");
document.getElementById("arr_no").classList.add("vanish"); document.getElementById("arr_no").classList.add("vanish");
document.getElementById("yes_btn").classList.add("vanish"); document.getElementById("yes_btn").classList.add("vanish");
document.getElementById("no_btn").classList.add("vanish"); document.getElementById("no_btn").classList.add("vanish");
document.getElementById("result_top_button").classList.remove("vanish"); document.getElementById("result_top_button").classList.remove("vanish");
document.getElementById("result_select_button").classList.remove("vanish"); document.getElementById("result_select_button").classList.remove("vanish");
}); });
$("#no_btn").on("click", function () { $("#no_btn").on("click", function () {
$("#result_plate").addClass("answer2"); $("#result_plate").addClass("answer2");
document.getElementById("arr_yes").classList.add("vanish"); document.getElementById("arr_yes").classList.add("vanish");
document.getElementById("arr_no").classList.add("vanish"); document.getElementById("arr_no").classList.add("vanish");
document.getElementById("yes_btn").classList.add("vanish"); document.getElementById("yes_btn").classList.add("vanish");
document.getElementById("no_btn").classList.add("vanish"); document.getElementById("no_btn").classList.add("vanish");
document.getElementById("result_top_button").classList.remove("vanish"); document.getElementById("result_top_button").classList.remove("vanish");
document.getElementById("result_select_button").classList.remove("vanish"); document.getElementById("result_select_button").classList.remove("vanish");
}); });
$("#result_top_button").on("click", function () { $("#result_top_button").on("click", function () {
$("#result_plate").removeClass(); $("#result_plate").removeClass();
...@@ -388,6 +391,7 @@ $(function () { ...@@ -388,6 +391,7 @@ $(function () {
document.getElementById("yes_btn").classList.add("vanish"); document.getElementById("yes_btn").classList.add("vanish");
document.getElementById("no_btn").classList.add("vanish"); document.getElementById("no_btn").classList.add("vanish");
$("#result_plate").addClass("vanish"); $("#result_plate").addClass("vanish");
$("#button_next_result").addClass("vanish");
}); });
$("#result_select_button").on("click", function () { $("#result_select_button").on("click", function () {
$("#result_plate").removeClass(); $("#result_plate").removeClass();
...@@ -396,6 +400,7 @@ $(function () { ...@@ -396,6 +400,7 @@ $(function () {
document.getElementById("yes_btn").classList.add("vanish"); document.getElementById("yes_btn").classList.add("vanish");
document.getElementById("no_btn").classList.add("vanish"); document.getElementById("no_btn").classList.add("vanish");
$("#result_plate").addClass("vanish"); $("#result_plate").addClass("vanish");
$("#button_next_result").addClass("vanish");
}); });
}); });
...@@ -431,17 +436,5 @@ function judgePat(myObj, resultPlate) { ...@@ -431,17 +436,5 @@ function judgePat(myObj, resultPlate) {
easing: "easeOutSine", easing: "easeOutSine",
duration: 500 duration: 500
}); //------ anime }); //------ anime
anime({
targets: "#result_top_button",
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
anime({
targets: "#result_select_button",
opacity: [0, 1],
easing: "easeOutSine",
duration: 500
}); //------ anime
return myObj; return myObj;
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment