|
|
css3 3D旋转动画代码实例,本CSS3特效主要使用的是Transform属性实现,它是“变型”的意思,值主要包括:旋转rotate,扭曲skew,缩放scale,移动translate以及矩阵变形matrix 。通过这个实例,你将会学会如何使用它实现css3 3D动画。 |
- <HTML>
- <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>
复制代码
|
|