我试图围绕它的中心旋转一个世界 - 但似乎无法以正确的方式旋转它(围绕它自己的中心轴)
很难解释,所以我做了一个小提琴,你可以......摆弄.
和我的CSS
.world {
-webkit-animation: spin1 2s infinite linear;
-moz-animation: spin1 2s infinite linear;
-o-animation: spin1 2s infinite linear;
-ms-animation: spin1 2s infinite linear;
animation: spin1 2s infinite linear;
}
@-webkit-keyframes spin1 {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spin1 {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-o-keyframes spin1 {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@-ms-keyframes spin1 {
0% …Run Code Online (Sandbox Code Playgroud) 您好,我正在尝试学习 REGEX 表达式来验证用户是否仅输入了其姓名中的一个单词,即名字 = 安东尼,根本没有空格、特殊字符或数字。我现在拥有的是
var re = /[A-Za-z]/;
// Check input
if(re.test(document.getElementById('realname').value)){
// Style green
document.getElementById('realname').style.border ='1px solid green';
// Hide error prompt
document.getElementById('realnameError').style.display = "none";
document.getElementById('realnameEmptyError').style.display = "none";
return true;
}else if(!document.getElementById('realname').value) {
document.getElementById('realnameError').style.display = "none";
document.getElementById('realnameEmptyError').style.display = "block";
}
Run Code Online (Sandbox Code Playgroud) 有许多类似的问题,但它们似乎都没有帮助我的情况.
我正在使用Javascript和html开发一个三步过程
我在前两个步骤中有两个表单.使用next/prev按钮我需要能够从第二步返回到步骤1,并且仍然在字段中具有步骤形式数据.我是javascript的新手任何帮助将不胜感激.我不确定如何保存表单数据,然后在用户从步骤2返回时插入它
编辑:我已经决定使用JS隐藏/显示表单,请有人告诉我为什么我的变量永远不会到达currentStep == 3; 当返回到第一步时,这会导致问题,因为currentStep值停留在2
var currentStep = 1;
function nextStep() {
if (currentStep ===1){
$("#petmain1").hide();
$("#petmain2").show();
$("#addproduct").show();
$("#firstimage").hide();
$("#secondimage").show();
currentStep = 2;
console.log("Current step is " + currentStep);
}else if(currentStep ===2){
$("#petmain2").hide();
$("#addproduct").hide();
$("#secondimage").hide();
$("#petmain3").show();
$("#thirdimage").show();
$("#firstimage").hide();
currentStep === 3;
console.log("Current step is " + currentStep);
}
}
function prevStep() {
if (currentStep ===2){
$("#petmain1").show();
$("#petmain2").hide();
$("#addproduct").hide();
$("#firstimage").show();
$("#secondimage").hide();
currentStep = 1;
console.log("Current step is " + currentStep);
}else if(currentStep === 3){
$("#petmain3").hide();
$("#thirdimage").hide();
$("#secondimage").show();
$("#petmain2").show();
$("#addproduct").show(); …Run Code Online (Sandbox Code Playgroud)