rotate这只是一个对jquery扩充的插件而已,你没有那个插件你写这个参数是无效的。你可以去下载rotate这个插件,要不你就用css3写如下:
$('#test').animate({ borderSpacing: -90 }, { step: function(now,fx) {。
$(this).css('-webkit-transform','rotate('+now+'deg)'); 。
$(this).css('-moz-transform','rotate('+now+'deg)'); 。
$(this).css('-ms-transform','rotate('+now+'deg)');。
$(this).css('-o-transform','rotate('+now+'deg)'); 。
$(this).css('transform','rotate('+now+'deg)'); },。
duration:'slow' },'linear');。
<!DOCTYPE html>。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">。
<title>。
RunJS 演示代码
</title>。
<style>。
input[type=text]{。
border:2px solid transparent;。
width:250px;。
height:25px;。
}
span{
border-radius:90px;。
background-color:transparent;。
width:30px;。
height:30px;。
}
</style>。
<script>。
var s = "";
var kp = function(txt){。
var ino = txt.nextElementSibling;。
if(!/^([1-9]\d?|0|100)$/.test(txt.value)){ 。
txt.style.borderColor = "red";。
ino.style.backgroundColor = "red";。
ino.innerHTML = "×";。
s = "";
}else{
txt.style.borderColor = "green";。
ino.style.backgroundColor = "green";。
ino.innerHTML = "√";。
//不及格<60 及格 <75 优秀 <85 棒<100。
s = txt.value * 1;。
}
}
function judge(){。
if(s == "") return;。
if(s < 60){。
alert("不及格");。
}else if(s >= 60 && s < 75){。
alert("及格");。
}else if(s >= 75 && s < 85){。
alert("优秀");。
}else if(s >= 85 && s < 100){。
alert("棒极了");。
}else{
alert("满分");。
}
}
</script>。
</head>。
<body>
<input type="text" onkeyup="kp(this)" /> <span></span>。
<br / >。
<button onclick="judge()">。
submit
</button>。
</body>。
</html>
border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。
以缩写方式写上、下、左、右边框单独CSS样式设置方法。
1、1px黑色虚线上边框
border-top:1px
dashed
#000
2、1px黑色实线下边框
border-bottom:1px。
solid
#000
3、1px黑色虚线左边框
border-left:1px。
dashed
#000
4、1px黑色实线右边框
border-right:1px。
solid
#000
通常使用主流浏览器兼容边框样式有:
1、实线边框:solid
Border:1px
solid
#000
设置对象1px(像素)宽厚的黑色实线边框。
2、虚线边框:dashed
Border:1px
dashed
#000
设置对象1px(像素)宽厚的黑色虚线边框。
邻计数点间的时间间隔为0:normal:normal"><table cellpadding="-1" cellspacing="-1" style="margin-right.1s.<br>根据匀变速直线运动的推论公式△x=aT<sup>2</sup><br>得;wordSpacing.3m/s<br>故答案为.004m=a(0.4:0;wordSpacing:normal"><table cellpadding="-1" cellspacing="-1" style="margin-right;font-size.4m/s<sup>2</sup>,<br>根据匀变速直线运动中时间中点的速度等于该过程中的平均速度;0:90%">BD</td></tr><tr><td style="padding-top.1</td></tr></table>=0,<br>得.1)<sup>2</sup>:1px:1px"><tr><td style="border-bottom:nowrap:90%"><span><span>t<span style="vertical-align:normal;wordWrap;wordWrap.028+0:sub,<br>解得:1px solid black:a=0:1px:v<sub>C</sub>=<span class="MathZyb" mathtag="math" style="whiteSpace:90%"><span><span>x<span style="vertical-align;font-size:90%">BD</td></tr></table>=<span class="MathZyb" mathtag="math" style="whiteSpace:1px"><tr><td style="border-bottom;font-size:nowrap:1px solid black">0;padding-bottom:△x=0.032</td></tr><tr><td>2×0;font-size:sub。
webkit核心浏览器使用和火狐浏览器使用transform可以做到旋转,IE要使用DXImage滤镜,代码如下:
transform:rotate(90deg);。
-ms-transform:rotate(90deg); /* Internet Explorer 9*/。
-moz-transform:rotate(90deg); /* Firefox */。
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */。
-o-transform:rotate(90deg); /* Opera */。
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);。
代码如下:
<html>
<head>
<title>Untitled</title>。
<style>。
.div1 {
width: 100px;。
height: 30px;。
transform:rotate(90deg);。
-ms-transform:rotate(90deg); /* Internet Explorer 9*/。
-moz-transform:rotate(90deg); /* Firefox */。
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */。
-o-transform:rotate(90deg); /* Opera */。
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 。
border:1px solid #4EC83B;。
}
</style>。
</head>
<body>
</br>
</br>
</br>
<div class="div1">。
我旋转了
</div>
</br>
</br>
</br>
<div style="-ms-writing-mode:tb-rl;border:1px solid #4EC83B;width: 30px;height: 100px;">。
Hello World!
</div>
</body>
</html>
效果如下:
对于英文,IE还有一种方式,使用-ms-writing-mode,中文只能竖排,不能旋转,英文可以。
-ms-writing-mode:tb-rl。