|
CSS3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。 |
<HEAD>
<TITLE>获取上传图片的大小及长、宽像素</TITLE>
</HEAD>
<BODY BGCOLOR=\"#FFFFFF\" TEXT=\"#000000\" LINK=\"#0000FF\" VLINK=\"#800080\">
<script>
var img=null;
function s()
{
if(img)img.removeNode(true);
img=document.createElement(\"img\");
img.style.position=\"absolute\";
img.style.visibility=\"hidden\";
img.attachEvent(\"onreadystatechange\",orsc);
img.attachEvent(\"onerror\",oe);
document.body.insertAdjacentElement(\"beforeend\",img);
img.src=inp.value;
}
function oe()
{
alert(\"cant load img\");
}
function orsc()
{
if(img.readyState!=\"complete\")return false;
alert(\"高:\"+img.offsetHeight+\"\n宽:\"+img.offsetWidth);
}
</script>
<input type=\"file\" Name=\"file\" id=\"inp\" value=\"默认值\">
<input type=\"button\" value=\"选择要上传图片的大小及长、宽\" name=\"button\">
</BODY>
</HTML>