1. 新买了ipad，在ipad上面看见的一个效果，pc上应该也见过，但是还是ipad上面有印象，如果是弹性运动就最好了
  2.  
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8" />
  7. <title>无标题文档</title>
  8. <style type="text/css">
  9. .in{ width:200px; height:24px; background:#cfcfd1; margin:10px; border:1px solid #; font-size:13px; padding:2px 10px;}
  10. </style>
  11. <script type="text/javascript">
  12. window.onload=function(){
  13. var aIn=getByClass("in");
  14. for(var i=;i<aIn.length;i++){
  15. aIn[i].onfocus=function(){
  16.     this.style.background="#fff";
  17.     move(this,"width",parseInt(css(this,"width"))+);
  18.     }
  19. aIn[i].onblur=function(){
  20.     this.style.background="#cfcfd1";
  21.     move(this,"width",parseInt(css(this,"width"))-);
  22.     }
  23. }
  24.  
  25. }
  26. </script>
  27. <link href="css/reset.css" rel="stylesheet" type="text/css">
  28. <link href="css/resouce.css" rel="stylesheet" type="text/css">
  29. </head>
  30. <body>
  31. <input type="text" class="in" />
  32. <input type="text" class="in" />
  33. <input type="text" class="in" />
  34. </body>
  35. </html>
  36. <script type="text/javascript">
  37. function getByClass(oClass,id){
  38.         var re=[];
  39.         var id=id||document;
  40.         if(document.getElementsByClassName){
  41.             re=id.getElementsByClassName(oClass);
  42.         }else{
  43.  
  44.     var aChild=id.getElementsByTagName("*");
  45.     var reg=new RegExp("\\b" + oClass + "\\b");
  46.     for(var i=;i<aChild.length;i++){
  47.         if(aChild[i].nodeType==""){
  48.             var aClassCllect=aChild[i].className;
  49.             if(reg.test(aClassCllect)){
  50.                     re.push(aChild[i]);
  51.                 };
  52.         }
  53.     }
  54.     }
  55.         return re;
  56.     }
  57.  
  58. function move(obj,attr,target){
  59.     clearInterval(obj.timer)
  60.     obj.timer=setInterval(function(){
  61.         if(attr=="opacity"){
  62.             var cur=Math.round(parseFloat(css(obj,attr))*);
  63.         }else{
  64.             var cur=parseInt(css(obj,attr));
  65.         }
  66.  
  67.         if(cur<target){
  68.             var speed=Math.ceil((target-cur)/);
  69.         }else{
  70.             var speed=Math.floor((target-cur)/);
  71.         }
  72.         if(attr=="opacity"){
  73.             obj.style.filter='alpha(opacity='+cur+speed+')';
  74.             obj.style.opacity=(cur+speed)/;
  75.         }else{
  76.             obj.style[attr]=cur+speed+"px";
  77.         }
  78.  
  79.         if(cur==target){
  80.             clearInterval(obj.timer)
  81.  
  82.         }
  83.     },)
  84. }
  85. function css(obj,attr){
  86.     return (obj.currentStyle||getComputedStyle(obj,null))[attr];
  87. }
  88. </script>

新买了ipad，在ipad上面看见的一个效果，pc上应该也见过，但是还是ipad上面有印象，如果是弹性运动就最好了的更多相关文章

  1. 新买苹果电脑，mac系统中小白应该了解哪些东西？

    本文旨在分享新买了mac电脑,应该做哪些设置,帮助苹果电脑小白轻松上手使用mac电脑,当然,新电脑肯定是需要安装各种软件,这里,小编推荐一下可以看看小编写的mac软件装机必备Mac 装机必备软件推荐, ...

  2. #电脑磁盘分区#新买的电脑一般只有C盘或者C盘和D盘，怎么加多几个盘呢

    新买的电脑一般只有C盘或者C盘和D盘,怎么加多几个盘呢 鼠标右键点击桌面我的电脑选择管理 进入计算机管理.选择磁盘管理 若桌面没有我的电脑,可按win+x键,在快捷菜单栏中点击磁盘管理 通过以上两种w ...

  3. 新买的mac笔记本，发现vi编辑器没有颜色的解决方案

    新买的mac笔记本,发现vi编辑器没有颜色的解决方案 我在网络上找了一些资料,发现都有些问题,尤其是一些让修改根目录上的文件,发现根本无法修改. 但是在网络上找到了这篇文章: http://super ...

  4. 【spring cloud】子模块module -->导入一个新的spring boot项目作为spring cloud的一个子模块微服务，怎么做/或者 每次导入一个新的spring boot项目，IDEA不识别子module，启动类无法启动/右下角没有蓝色图标

    如题:导入一个新的spring boot项目作为spring cloud的一个子模块微服务,怎么做 或者说每次导入一个新的spring boot项目,IDEA不识别,启动类无法启动,怎么解决 下面分别 ...

  5. Linux-在新买的阿里云服务器上部署Tomcat并支持外网访问的配置（步骤记录）

    一.首先你得有一台外网上的服务器 华为.腾讯.阿里都有云服务售卖,我这里是在阿里云打折时购买的. 二.使用Xshell和XFTP连接上云服务 当然了,连接工具有很多种,可随意.购买服务器之后,你会收到 ...

  6. 新买的 SSD 固态硬盘竟然是坏的，我傻了啊！

    1. 今天早上上班路上在网上下单了一个 1 T 的 SSD 固态硬盘,晚上 7 点半左右送到手后迫不及待想替换掉原来的机械硬盘,在这个新硬盘上装系统,玩起来. 2. 拆开包装,先用移动硬盘接口检查下新 ...

  7. xcode7 上传APPStore错误ERROR ITMS-90474： iPad Multitasking support requires these orientations

    在使用Xcode7 上传AppStore时候发现ERROR ITMS-90474错误.报错描述如下: ERROR ITMS-90474: “Invalid Bundle. iPad Multitask ...

  8. 新买的orico蓝牙usb连接器使用方法与驱动

    因为买的型号是 BTA-403 ,所以需要下载该型号驱动 安装好后,可能会出现找不到蓝牙设备问题,所以需要重启机器,并且手动将pc蓝牙连接到手机蓝牙,然后手机蓝牙再连接蓝牙耳机,此时蓝牙耳机会显示连接 ...

  9. 屏幕測试亮点，新买了一个显示器，使用web简单的測试下了亮点

    1,购买了一个新的显示器 趁着双11的时候价格廉价.入手了一个显示器. http://serve.netsh.org/pub/dead_pixel.bin 滚动下就能够换颜色了.把chrome最大化, ...

随机推荐

  1. PTPX的average power analysis

    在average power analysis中,switching activity被分解为toggle rate和static probabilities两部分. annotation的sourc ...

  2. 【python】标准库的大致认识

    正如那句 Python 社区中很有名的话所说的:“battery included”,Python 的一大好处在于它有一套很有用的标准库(standard library).标准库是随着 Python ...

  3. C语言初学者代码中的常见错误与瑕疵(13)

    https://www.cpfn.org/bbs/viewtopic.php?f=85&t=5940&sid=ccbcf716d21191452e7c08a97b502337& ...

  4. 代码坏味道特别篇————Long parameter List 过长的参数列表

    刚开始学习编程时,老师说:讲方法所需要的东西都以参数的形式传入,那是我们好像还没学OO这个东东,要不就弄成全局变量,我擦,全局变量可牛逼了,刚开始学习的时候我们都在用全局变量,可是后来工作了,经理说不 ...

  5. 设置Sql Agent运行Job时的执行账户

    相信使用过Sql Server的人都应该知道,使用Sql Agent可以建立一些自动化Job来帮我们周期性地执行一些任务,其中执行SSIS包就是其中一个任务.而在SSIS包中有时候会去做读取文件等一些 ...

  6. TI CC2541的LED控制

    现在终于进入到蓝牙SPI的环节了, 下面还要研究I2C, 所以第一步, 先点灯, 就是GPIO控制吧. 参考一下LEd的初始化: void HalLedInit (void){#if (HAL_LED ...

  7. 颜色表及html代码

    颜色名称及色样表(HTML版)   颜色名 中文名称 Hex RGB 十进制 Decimal     LightPink 浅粉红 #FFB6C1 255,182,193     Pink 粉红 #FF ...

  8. 【原创】纯干货，Spring-data-jpa详解，全方位介绍。

    本篇进行Spring-data-jpa的介绍,几乎涵盖该框架的所有方面,在日常的开发当中,基本上能满足所有需求.这里不讲解JPA和Spring-data-jpa单独使用,所有的内容都是在和Spring ...

  9. Java的深度克隆和浅度克隆

    说到克隆,其实是个比较简单的概念,跟现实生活正的克隆一样,复制一个一模一样的对象出来.clone()这个方法是从Object继承下来的,一个对象要实现克隆,需要实现一个叫做Cloneable的接口,这 ...

  10. centos7重启rsyslog服务|centos7重启syslog服务

    centos7重启rsyslog服务: systemctl restart rsyslog 使用:(killall无效) killall -HUP rsyslog