小编ant*_*son的帖子

围绕中心css3旋转图像

我试图围绕它的中心旋转一个世界 - 但似乎无法以正确的方式旋转它(围绕它自己的中心轴)

很难解释,所以我做了一个小提琴,你可以......摆弄.

http://jsfiddle.net/FQwYJ/

和我的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)

css center rotation

28
推荐指数
2
解决办法
6万
查看次数

字母正则表达式,不含空格

您好,我正在尝试学习 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)

regex validation jquery

2
推荐指数
1
解决办法
2万
查看次数

使用后退按钮保留表单数据

有许多类似的问题,但它们似乎都没有帮助我的情况.

我正在使用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)

javascript forms jquery

1
推荐指数
2
解决办法
7814
查看次数

标签 统计

jquery ×2

center ×1

css ×1

forms ×1

javascript ×1

regex ×1

rotation ×1

validation ×1