关于阿里面试的的一个小题

看到同学找到了阿里的这么一个面试题，感觉挺有趣，就做了做。

用div+css做出如下效果：

当鼠标移入带红色div上的时候，div的大小增大25%，其他的不变。如下图：

详细代码如下：

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
    <script type="text/javascript" src="js/jquery-1.12.2.js"></script>
    <script type="text/javascript">
        $(function(){
            $("div:first").hover(
            function(){
                $(this).css({width:"125px",height:"125px"});
            },function(){
                $(this).css({width:"100px",height:"100px"});
            });
        });
    </script>
<style type="text/css">
     body{
        margin:0px;
        padding:0px;
     }

    #red{
        box-sizing:border-box;
        background-color:red;
        width:100px;
        height:100px;
        position:relative;
        z-index:11;
    }
    #green{
        box-sizing:border-box;
        background-color:green;
        width:100px;
        height:100px;
        position:absolute;
        top:100px;
        z-index:10;
    }
    #gray{
        box-sizing:border-box;
        background-color:gray;
        width:100px;
        height:200px;
        position:absolute;
        left:100px;
        top:0px;
        z-index:10;
    }

</style>
</head>
<body>
        <div id="red"> </div>
        <div id="green"> </div>
        <div id="gray"> </div>
</body>
</html>

转载于:https://www.cnblogs.com/daimazhang/p/5370877.html

关于阿里面试的的一个小题相关推荐

关于阿里面试的一个小题（推荐）
最近搜到的阿里一个面试小题要求如下: 用div+css做出如下效果: 用js做出: 当鼠标悬停在红色div上时,div放大,并且不占挤其他盒子效果如下: 代码如下 1 <!DOCTYPE htm ...
2015阿里秋招当中一个算法题（经典）
写一个函数,输入一个二叉树,树中每一个节点存放了一个整数值,函数返回这棵二叉树中相差最大的两个节点间的差值绝对值.请注意程序效率这是2015阿里秋招的一个在线笔试题实现方法非常easy.遍历一遍二 ...
从一个小题中的应用来体会下std::tie的便利之处
文章目录前言解题过程爬楼梯的最少成本题目分析 DP优化利用tie进行写法优化 std::tuple std::tuple的访问 std::tie函数中使用std::ignore占位总结前 ...
前端面试每日一练小题1
每日一练小题1 题目解析详细解析 1. 逗号表达式 2. 匿名函数答案题目输入如下代码,问输出什么 var x = 20var temp = {x: 40,foo: function () ...
发现了阿里云 APP 的一个小 BUG
由于微信不允许外部链接,你需要点击文章尾部左下角的 "阅读原文",才能访问文中链接. 前几天在华为手机上使用阿里云 APP,从 oss bucket 中下载了一张图片,想要通过微信 ...
Python 匿名函数lambda 相关的一个小题
#问题:下面输出结果是多少? a=[1, 2, 3, 4, 5] # 创建列表a,并将1, 2, 3, 4, 5赋值给列表a sums = sum(map(lambda x: x + 3, a[1:: ...
iOS面试·一个iOS程序员的BAT面试全记录(内含百度+网易+阿里面试真题)
随着各大公司春招的开始,很多小伙伴都行动起来了,我有幸能够加入百度并和大家分享自己的经验心得.由于我面试的都是比较大的公司,所以自然也是做了这方面的准备,因此这篇总结并不一定适合想去创业公司的同学. ...
一个从阿里面试回来的程序员的感想
引言其实本来真的没打算写这篇文章,主要是LZ得记忆力不是很好,不像一些记忆力强的人,面试完以后,几乎能把自己和面试官的对话都给记下来.LZ自己当初面试完以后,除了记住一些聊过的知识点以外,具体的内容 ...
蚂蚁金服六轮面试，从一个中游的公司跳槽的阿里P7，我是怎么撑过来的？
本人开发六年多,从一个中游的公司跳槽的阿里P7,其实这六轮的面试下来整体感觉还是不错的,在这之前我其实面试的其他公司的时候很烂. 第一轮:团队面试第一轮基本上是你的团队成员面试你,是和你同级或者高你 ...

关于阿里面试的的一个小题

关于阿里面试的的一个小题相关推荐

最新文章

热门文章