新买了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 #; font-size:13px; padding:2px 10px;}

</style>

<script type="text/javascript">

window.onload=function(){

var aIn=getByClass("in");

for(var i=;i<aIn.length;i++){

aIn[i].onfocus=function(){

    this.style.background="#fff";

    move(this,"width",parseInt(css(this,"width"))+);

    }

aIn[i].onblur=function(){

    this.style.background="#cfcfd1";

    move(this,"width",parseInt(css(this,"width"))-);

    }

}

}

</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=;i<aChild.length;i++){

        if(aChild[i].nodeType==""){

            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))*);

        }else{

            var cur=parseInt(css(obj,attr));

        }

        if(cur<target){

            var speed=Math.ceil((target-cur)/);

        }else{

            var speed=Math.floor((target-cur)/);

        }

        if(attr=="opacity"){

            obj.style.filter='alpha(opacity='+cur+speed+')';

            obj.style.opacity=(cur+speed)/;

        }else{

            obj.style[attr]=cur+speed+"px";

        }

        if(cur==target){

            clearInterval(obj.timer)

        }

    },)

}

function css(obj,attr){

    return (obj.currentStyle||getComputedStyle(obj,null))[attr];

}

</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. RF前端

    加入LTE之后的多模多频需求: 在加入LTE后,不但要求终端在多模的基础上增加LTE工作频段,而且还要增加可以确保用户实现国际漫游的频段.然而 全球分配的LTE频段较多且较离散.   频段 上行工作频 ...

  2. PAT乙级 1018. 锤子剪刀布 (20)

    1018. 锤子剪刀布 (20) 时间限制 100 ms 内存限制 65536 kB 代码长度限制 8000 B 判题程序 Standard 作者 CHEN, Yue 大家应该都会玩“锤子剪刀布”的游 ...

  3. UIActivityViewController（转）

    在iOS 6之后提供了一个分享列表视图,它通过UIActivityViewController管理.苹果设计它主要的目的是替换分享动作选单(ActionSheet),分享动作选单是出于分享目的的动作选 ...

  4. 161027、Java 中的 12 大要素及其他因素

    对于许多人来说,"原生云"和"应用程序的12要素"是同义词.本文的目的是说有很多的原生云只坚持了最初的12个因素.在大多数情况下,Java 能胜任这一任务.在本 ...

  5. linux内核栈用户栈切换【转】

    转自:http://www.kerneltravel.net/kernel-book/%E7%AC%AC%E5%9B%9B%E7%AB%A0%20%E8%BF%9B%E7%A8%8B%E6%8F%8F ...

  6. Dynamics AX 2012 R2 在报表上显示和打印条码

        AX中有对条码操作的封装,用其生成BarCodeString类型的值,再配合barcode128字体,即可在显示出条码.     废话不说,上代码. BarcodeCode128 barCod ...

  7. ASP开发入门+实战电子书共50本 —下载目录

    小弟为大家整理50个ASP电子书籍,有入门,也有实战电子书,做成了一个下载目录,欢迎大家下载. 资源名称 资源地址 ASP.NET开发实战1200例_第I卷 http://down.51cto.com ...

  8. PHP高级架构技术年度大盘点

    2015年1月的最后一个周末,上海的冬季虽不如北方的雪窖冰天,但腊月的寒风也足以让人猫 在家中不愿出门.可是,在华美达酒店的一个会议室中,却人声鼎沸.春意融融,第三期商派技术沙龙正在火热进行,本期沙龙 ...

  9. [HTML]HTML框架IFrame下利用JS在主页面和子页面间传值

    今天写的程序涉及到JS框架传值的问题,这些是我找到的一些资料 下面主页面和子页面互相传值的DEMO 如果仅仅需要子页面触发主页面的函数 仅需 [ parent.window.你的函数 ] 就可以了 D ...

  10. [ios][swift]swift GPS传感器的调用

    在Info.plist文件中添加如下配置:(1)NSLocationAlwaysUsageDescription(2)NSLocationWhenInUseUsageDescription swift ...