微件:SetCharacter
跳转到导航
跳转到搜索
<style>
.akfontEN {
font-family: STzhongsong,"黑体", Georgia, Serif !important;
}
.akfont {
font-family: STzhongsong,"黑体", Georgia, Serif !important;
}
.img1 {
cursor: pointer;
}
.img2 {
width: 38px;
height: 18px;
line-height: 18px;
border: 0;
margin: 4px 0 0 10px;
background: black;
}
.wrapper a{
color:white
}
/*动画效果*/
.skinbgclear{ animation: queskin-out 0.1s ease-out 1 forwards; }
.skinbg{
animation: queskin-in 0.1s ease-out 1 forwards;
}
.skinbackclear{ animation: queskinback-out 0.15s ease-out 1 forwards; } .skinback{ animation: queskinback-in 0.15s ease-out 1 forwards; } @keyframes queskinback-in { 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes queskinback-out { 100%{ opacity:0; } 0%{ opacity:1; } }
@keyframes queskin-in {
0%{
transform: rotate(0deg);
transform-origin:right bottom;
}
100%{
transform: rotate(-20deg);
transform-origin:right bottom;
} }
@keyframes queskin-out {
100%{
transform: rotate(0deg);
transform-origin:right bottom;
}
0%{
transform: rotate(-20deg);
transform-origin:right bottom;
} }
</style> <script type="text/javascript">
(window.RLQ = window.RLQ || []).push(function () {
$().ready(function(){
var namestr = document.getElementById("akfontid").innerHTML;
if (escape(namestr).indexOf("%u")<0) {
$(".akfont").addClass("akfontEN");
}
var set1 = document.getElementById("set1");
var set2 = document.getElementById("set2");
var set3 = document.getElementById("set3");
var set4 = document.getElementById("set4");
var set5 = document.getElementById("set5");
var set6 = document.getElementById("set6");
if (set1 != null) set1.onclick = setchar1;
if (set2 != null) set2.onclick = setchar2;
if (set3 != null) set3.onclick = setchar3;
if (set4 != null) set4.onclick = setchar4;
if (set5 != null) set5.onclick = setchar5;
if (set6 != null) set6.onclick = setchar6;
function clearbtn() {
var set1 = document.getElementById("set1");
var set2 = document.getElementById("set2");
var set3 = document.getElementById("set3");
var set4 = document.getElementById("set4");
var set5 = document.getElementById("set5");
var set6 = document.getElementById("set6");
if (set1 != null) set1.style.border = "1px solid rgba(255,255,255,.6)";
if (set2 != null) set2.style.border = "1px solid rgba(255,255,255,.6)";
if (set3 != null) set3.style.border = "1px solid rgba(255,255,255,.6)";
if (set4 != null) set4.style.border = "1px solid rgba(255,255,255,.6)";
if (set5 != null) set5.style.border = "1px solid rgba(255,255,255,.6)";
if (set6 != null) set6.style.border = "1px solid rgba(255,255,255,.6)";
}
function setchar1() {
animeout();
var set1 = document.getElementById("set1");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "block";
if (img2 != null) img2.style.display = "none";
if (img3 != null) img3.style.display = "none";
if (img4 != null) img4.style.display = "none";
if (img5 != null) img5.style.display = "none";
if (img6 != null) img6.style.display = "none";
clearbtn();
if (set1 != null) set1.style.border = "1px solid #52a6e6";
animeout();
}
function setchar2() {
animeout();
var set2 = document.getElementById("set2");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "none";
if (img2 != null) img2.style.display = "block";
if (img3 != null) img3.style.display = "none";
if (img4 != null) img4.style.display = "none";
if (img5 != null) img5.style.display = "none";
if (img6 != null) img6.style.display = "none";
clearbtn();
if (set2 != null) set2.style.border = "1px solid #52a6e6";
animeout();
}
function setchar3() {
animein();
var set3 = document.getElementById("set3");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "none";
if (img2 != null) img2.style.display = "none";
if (img3 != null) img3.style.display = "block";
if (img4 != null) img4.style.display = "none";
if (img5 != null) img5.style.display = "none";
if (img6 != null) img6.style.display = "none";
clearbtn();
if (set3 != null) set3.style.border = "1px solid #52a6e6";
animeout();
}
function setchar4() {
animein();
var set4 = document.getElementById("set4");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "none";
if (img2 != null) img2.style.display = "none";
if (img3 != null) img3.style.display = "none";
if (img4 != null) img4.style.display = "block";
if (img5 != null) img5.style.display = "none";
if (img6 != null) img6.style.display = "none";
clearbtn();
if (set4 != null) set4.style.border = "1px solid #52a6e6";
}
function setchar5() {
animein();
var set5 = document.getElementById("set5");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "none";
if (img2 != null) img2.style.display = "none";
if (img3 != null) img3.style.display = "none";
if (img4 != null) img4.style.display = "none";
if (img5 != null) img5.style.display = "block";
if (img6 != null) img6.style.display = "none";
clearbtn();
if (set5 != null) set5.style.border = "1px solid #52a6e6";
}
function setchar6() {
animein();
var set6 = document.getElementById("set6");
var img1 = document.getElementById("char1");
var img2 = document.getElementById("char2");
var img3 = document.getElementById("char3");
var img4 = document.getElementById("char4");
var img5 = document.getElementById("char5");
var img6 = document.getElementById("char6");
if (img1 != null) img1.style.display = "none";
if (img2 != null) img2.style.display = "none";
if (img3 != null) img3.style.display = "none";
if (img4 != null) img4.style.display = "none";
if (img5 != null) img5.style.display = "none";
if (img6 != null) img6.style.display = "block";
clearbtn();
if (set6 != null) set6.style.border = "1px solid #52a6e6";
}
function animein() {
var skinbg = document.getElementById("skinbgid");
var bg2 = document.getElementById("bg2");
skinbg.className = "skinbg";
bg2.style.display = "block";
bg2.className = "skinback";
}
function animeout() {
var skinbg = document.getElementById("skinbgid");
var bg2 = document.getElementById("bg2");
if (bg2.style.display == "block") {
skinbg.className = "skinbgclear";
bg2.className = "skinbackclear";
bg2.style.display = "none";
}
}
});
});
</script>