新买了ipad,在ipad上面看见的一个效果,pc上应该也见过,但是还是ipad上面有印象,如果是弹性运动就最好了
2014-05-30 08:41
323 查看
新买了ipad,在ipad上面看见的一个效果,pc上应该也见过,但是还是ipad上面有印象,如果是弹性运动就最好了 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>无标题文档</title> <style type="text/css"> .in{ width:200px; height:24px; background:#cfcfd1; margin:10px; border:1px solid #999; font-size:13px; padding:2px 10px;} </style> <script type="text/javascript"> window.onload=function(){ var aIn=getByClass("in"); for(var i=0;i<aIn.length;i++){ aIn[i].onfocus=function(){ this.style.background="#fff"; move(this,"width",parseInt(css(this,"width"))+50); } aIn[i].onblur=function(){ this.style.background="#cfcfd1"; move(this,"width",parseInt(css(this,"width"))-50); } } } </script> <link href="css/reset.css" rel="stylesheet" type="text/css"> <link href="css/resouce.css" rel="stylesheet" type="text/css"> </head> <body> <input type="text" class="in" /> <input type="text" class="in" /> <input type="text" class="in" /> </body> </html> <script type="text/javascript"> function getByClass(oClass,id){ var re=[]; var id=id||document; if(document.getElementsByClassName){ re=id.getElementsByClassName(oClass); }else{ var aChild=id.getElementsByTagName("*"); var reg=new RegExp("\\b" + oClass + "\\b"); for(var i=0;i<aChild.length;i++){ if(aChild[i].nodeType=="1"){ var aClassCllect=aChild[i].className; if(reg.test(aClassCllect)){ re.push(aChild[i]); }; } } } return re; } function move(obj,attr,target){ clearInterval(obj.timer) obj.timer=setInterval(function(){ if(attr=="opacity"){ var cur=Math.round(parseFloat(css(obj,attr))*100); }else{ var cur=parseInt(css(obj,attr)); } if(cur<target){ var speed=Math.ceil((target-cur)/7); }else{ var speed=Math.floor((target-cur)/7); } if(attr=="opacity"){ obj.style.filter='alpha(opacity='+cur+speed+')'; obj.style.opacity=(cur+speed)/100; }else{ obj.style[attr]=cur+speed+"px"; } if(cur==target){ clearInterval(obj.timer) } },30) } function css(obj,attr){ return (obj.currentStyle||getComputedStyle(obj,null))[attr]; } </script>
相关文章推荐
- 如何实现当一个应用调用另一个应用的某个activity的时候,让这个activity类似dialog的效果,但是这个应用单独运行的时候还是铺满屏幕的效果
- 一个袋子里面有n个球,每个球上面都有一个号码(拥有相同号码的球是无区别的)。如果一个袋子是幸运的当且仅当所有球的号码的和大于所有球的号码的积。 例如:如果袋子里面的球的号码是{1, 1, 2, 3},这个袋子就是幸运的,因为1 + 1 + 2 + 3 > 1 * 1 * 2 * 3 你可以适当从袋子里移除一些球(可以移除0个,但是别移除完),要使移除后的袋子是幸运的。现在让你编程计算一下你可以获得
- 给自己做的项目添加开机动画,只是一个简单的添加方法,如果系统的方法太麻烦的画,就试试我这个吧,但是如果是想专业一些的话,还是学习系统的吧!!!
- 昨天在微信里看到的一篇文章,应该不算是个新闻,但是还是值得仔细读一下。特别是对于那些在一个公司干了很多年却没有发展,或者每年跳槽两三次的同学确实应该反思看一看。原文地址 以下是正文 我曾经带过一个
- 编写一个函数,作用是把一个char组成的字符串循环右移n个。比如原来是“abcdefghi”如果n=2,移位后应该是“hiabcdefgh”
- 企业如果需要建立一个功能非常强大的网站,应该选择哪种建站系统呢?
- 经济危机来了,但是你还是应该“该干什么干什么”
- C#实现一个图形的动态效果(简单矩形不断向下运动的实现简单步骤)
- 在网上看见一个学校的教务系统逻辑图,还是很不错的
- Delphi - 盒子上面看见的一个问题:关于类型转换Type Cast
- Epic公司,unreal的开发者在iphone和ipad上面的引擎,效果也很吸引人啊
- 我是一个商人,我不应该考虑穷人。如果考虑穷人,我作为一个企业的管理者就是错误的。因为投资者是让我拿这个钱去赚钱,而不是去救济穷人
- 自己写了一个js,但是最终不能控制住最后后的提交,前面的还是比较完美,大家看到后,能帮我解决一下吗?
- 代码还是请一个字母一个字母敲(如果您只想混口饭吃就不要读了本文只面向想成为hacker的程序员)
- 介绍一个工具给大家,做网站时,经常要上传文件到外网服务器,但是上传时往往需要很长时间,如果有一个文件对比工具……
- 企业如果需要建立一个功能非常强大的网站,应该选择哪种建站系统呢?
- 一个弹性十足的筋条鼠标效果
- 如果你的简历上面写“熟悉/了解C#”,那么你就应该能够回答下面的这些基础问题
- 如果判断一个字符是西文字符还是中文字符
- 如果在一个B/S结构的系统中需要传递变量值,但是又不能使用Session、Cookie、Application,您有几种方法进行处理?