之前发布的前端面试题自己写的一个答案

上次发的面试题感觉还是有点难度的,其实一开始我也被忽悠了,感觉这东西很基础,可是面试官说我没看懂题目,仔细看后,才发现有坑,

上次的面试题目

今天写了一个解决方法不一定是最好的。我知道用css3很随便就可以实现,但是人家不让用css3,很无奈。

帖代码吧。
代码片段 1

[code]<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>测试</title>
<style type="text/css">
body {
text-transform:Capitalize ;

    }
    div { border:solid 1px #ccc; margin-bottom:10px; background:#f4f4f4; }
    .left {  width:19%; min-height:300px; background:#fff; }
    .right { float:right; width:80%;min-height:610px; }

</style>

</head>
<body>
<div class="right">右侧内容</div>
<div class="left" id="setTop">test top</div>
<div class="left">cont</div>

    <script type="text/javascript">

/*
ooOoo
o8888888o
88" . "88
(| -- |)
O\ = /O
/`---'\
.' \| |// `.
/ \||| : |||// \
/
||||| -:- |||||- \

       |   | \\\  -  /// |   |
       | \_|  ''\---/''  |   |
       \  .-\__  `-`  ___/-. /
     ___`. .'  /--.--\  `. . __
  ."" '<  `.___\_<|>_/___.'  >'"".

 | | :  `- \`.;`\ _ /`;.`/ - ` : | |
 \  \ `-.   \_ __\ /__ _/   .-` /  /

======-.____-.____/_.-`__.-'======
`=---='
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
佛祖保佑 永无BUG
*/

        var ele = document.getElementById("setTop");

        function changeObj (ele){

            this.obj = ele ;

        }
        changeObj.prototype={
            init:function(){

                var obj = this.obj;
                obj.addEventListener('mouseover',function(event) {

                var w = obj.offsetWidth || obj.innerWidth;
                var h = obj.offsetHeight|| obj.innerHeight;
                w*=1.25 ;
                var nh =h*1.25;
                obj.style.position = 'relative';
                obj.style.width = w+'px';
                obj.style.height= nh+'px';
                obj.style.marginBottom = -(nh-h-8)+'px';

                })
                obj.addEventListener('mouseout',function(event){
                    obj.removeAttribute('style');
                })
            }
        }

        var t = new changeObj(ele);
        t.init();
    </script>
</body>

</html>[/code]

其实写的不一定对。但是又没有大神指导,只能先这样了。希望大神给出更好的代码。

[color=Red]##PS: 本人对前端网有2点建议要提,希望能尽快解决。[/color]
1、我为什么不能改我的昵称,为什么昵称必须要等于 登陆名,这样感觉很不爽,都是些(字符+数字)名字在交流。
2、首页的图片滚动有bug,感觉有的时候不停的滚动,能不能换一个更有技术含量效果更柔和的滚动代码。我感觉站酷的比本站的好,还有百度,还有腾讯, 还有阿里,我们要与时俱进,才能吸引更多的小伙伴。

同意的小伙伴一起顶贴,让W3Cfuns 做的更好。

评论 ( 11 )
最新评论
juntaoshuai 2F 2014-08-29 14:50:16 11F

我公司还是用IE6,IE7,希望W3Cfuns不要抛弃 IE6,IE7的技术。

445829929 2F 2014-08-27 15:02:12 10F

佛祖保佑       永无BUG

cullen 2F 2014-08-26 09:35:21 9F

   佛祖保佑

445829929 2F 2014-08-25 11:45:53 8F

代码里加个  佛祖保佑   永无BUG

大神M 1F 2014-08-24 14:25:08 7F

悄悄的告诉大家,W3Cfuns目前正在开发全新版本,预估2015上半年,W3Cfuns会以全新面貌面向大家~,请继续支持前端网哦。

梁巴斯 1F 2014-08-23 23:26:38 6F

我也觉得。挺认同的。(Opera使用者,感觉身边就我一个用这个)

Blizzard 1F 2014-08-23 22:50:23 5F

对于w3cfuns我也是很有意见的   作为面向前端开发者的网站    这个网站却做得一点都不体面    没有让人爱不释手的感觉   唉  真心希望这个网站的前端能有业界的典范啊  至少得走在业界前头吧   对于什么css3、HTML5技术就尽量使用吧   相信大多数开发者用的都是高级的浏览器  绝不会用IE 6,7,8的吧

hugeannex 1F 2014-08-23 09:26:30 4F

你写的是对的。如果是固定大小的话,那可以只用css,不用js计算(IE6除外)。
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sc

大神M 1F 2014-08-22 22:32:44 3F

首先感谢同学对W3Cfuns的支持。
先来说说第一条建议,由于w3cfuns目前用的是discuz做的,discuz的注册登录机制的原因,后期W3Cfuns会将逐渐修改类似这样的小问题。
再来说说第二条建议,这个焦点广告的问题发现过,在前几天已经做了修改,不知道是不是楼主的缓存或什么原因造成的,如果确实还有跳动的问题,同学可以私信给我哟~

tianxiaofeng747 1F 2014-08-22 16:52:52 2F

我说的都是肺腑之言,何来搞笑之说。

445829929 2014-08-22 16:43:41 1F

楼主爱搞笑了!